如何使用javascript onclick()获取元素的属性值?

时间:2017-10-07 17:16:50

标签: javascript php jquery

我想访问按钮的id,当我编写PHP变量时,javascript代码创建错误" Undefined"值。

function update_profile(){ $(function() {
var element = $(this);
var update_id = element.attr("id");
  var infoo = 'updated_id=' + update_id;

    document.getElementsByClassName('test')[0].innerHTML=infoo;


});
}

按钮代码:

<button data-toggle="modal" data-target=".bs-example-modal-lg" onclick="update_profile()"  class="btn-xs btn-warning " id='<?php echo $user_rec[1]; ?>' >Update</button>

1 个答案:

答案 0 :(得分:1)

您的功能内部不需要$(function() { });。您必须将this传递给您的函数,以便它知道单击了哪个元素。

function update_profile(element){
  var update_id = element.id;
  var infoo = 'updated_id=' + update_id;
  document.getElementsByClassName('test')[0].innerHTML = infoo;
}
<div class="test">test class element</div>
<button data-toggle="modal" data-target=".bs-example-modal-lg" onclick="update_profile(this)"  class="btn-xs btn-warning " id='idName' >Update</button>