如何使用javascript onclick（）获取元素的属性值？

我想要访问按钮的ID，当我写入PHP变量javascript代码创建错误“未定义”的值。如何使用javascript onclick（）获取元素的属性值？

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>

来源

2017-10-07 Jazba

首先，我不认为你需要用'$（函数（）{'和关闭它'}）;' – Walk

删除'$（函数（）{}）'并改变'document.getElementsByClassName（'test'）[0] .innerHTML = infoo;'到'$（“。test”）。first（）。html（infoo）;'或者更好：'$（function（）{ $（“。btn-warning”）。on（“click”，function（）{$（“。test”）。first（）。html（this.id）;}）;}）;' – mplungjan

你不需要$(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>

来源

2017-10-07 17:32:09 Walk

如何使用javascript onclick（）获取元素的属性值？

回答

相关问题