gpt4 book ai didi

javascript - 将 .this 绑定(bind)到 HTML 元素

转载 作者:行者123 更新时间:2023-12-02 13:51:58 27 4
gpt4 key购买 nike

我一直在尝试让这个“this”起作用,将其绑定(bind)到该函数所应用的一个/任何 HTML 元素。我试图保持它的通用性,以便可以将相同的功能应用于多个 HTML 元素。

注意:

我不想弄乱 id 或类等,因为我想让该函数尽可能通用。

<!doctype html>
<html>
<body>

<input type="button" value="Old" onClick="Change(this);">

<script type="text/javascript">
function Change(){
this.innerHTML = "New";
};
</script>

</body>
</html>

最佳答案

innerHTML 在这种情况下将不起作用。由于这是一个输入,请尝试使用 value 代替。

var input = document.querySelector('input');

input.addEventListener('click', Change);

function Change(){
this.value = "New";
this.removeEventListener('click', Change);
}
<input type="button" value="Old" />

关于javascript - 将 .this 绑定(bind)到 HTML 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40956147/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com