JavaScript获取按钮ID赋值给变量后写入段落元素失败问题咨询

错误点说明 #

• 函数逻辑调用了未定义变量：你在onclick事件中已经将当前点击元素的ID作为参数传入ViewDetail函数，函数接收的参数名为clicked_id，直接使用该参数即可，代码中引用的obj变量没有提前声明定义，会直接报错。
• 触发事件的a标签未设置ID属性：如果没有给a标签手动指定id属性，this.id获取到的值为空，就算函数逻辑正确也无法输出预期内容。

修正后代码 #

脚本代码

<script>
function ViewDetail(clicked_id) {
    document.getElementById("outme").innerHTML = clicked_id;
}
</script>

页面结构代码

<!-- 新增id属性，示例使用PHP输出的行ID作为按钮ID的一部分，避免重复 -->
<a href="view.php?id=<?=$rows['id']?>" 
   id="view_btn_<?=$rows['id']?>"
   class="btn btn-primary" 
   onclick="ViewDetail(this.id)" 
   data-toggle="modal" 
   data-target="#myModal">
View
</a>
<div class="modal-body">
  <p id='outme'>default id</p>
</div>

内容的提问来源于stack exchange，提问作者cha