Question

我想使用onChange向元素的属性id="custom-taxonomy"添加一个函数。我不想编辑文件。我想要一个JavaScript解决方案。

我的想法是通过id查找元素，然后添加函数。我如何实现这个想法？

代码：

<div id ="custom-taxonomy">PRODUCT PRICES</div>

预期结果：

<div id ="custom-taxonomy" name="custom-product" onchange="return chothuephuongxa();>PRODUCT PRICES</div>

Answer 1

您可以使用setAttribute()和document.getElementById

let elm = document.getElementById('custom-taxonomy')
elm.setAttribute('name',"custom-product")
elm.setAttribute("onclick","return chothuephuongxa();")
console.log(elm.outerHTML)

<div id ="custom-taxonomy">PRODUCT PRICES</div>

注意：

您不能使用<div>的{{3}}属性，而要使用elm.name = ...，因为name元素上的<div>属性不可用。
< / li>
类似地，elm.onclick = "return chothuephuongxa();"是不正确的，因为这会将事件设置为string而不是函数

Answer 2

您可以使用setAttribute向元素添加属性：

document.getElementById('custom-taxonomy').setAttribute('name', 'custom-product');

对您的活动也可以这样做。

如何查找并将函数添加到id？

2 个答案: