用于向某些元素添加自定义属性的Javascript

时间:2009-04-16 19:54:40

标签: javascript

给定HTML的一部分,我可以有选择地选择某些类型的元素(例如:输入类型)并使用Javascript添加自定义属性。如果它存在,我还需要删除它。

我之前使用JQuery做过这个,但是我无法将JQuery用于这个特定的任务。

4 个答案:

答案 0 :(得分:61)

Accessing HTML attributes using the DOM

element.hasAttribute('foo');
element.getAttribute('foo');
element.setAttribute('foo', value);
element.removeAttribute('foo');

答案 1 :(得分:2)

<div class="first-div">
<p class="first-p">Hello!
</p>
</div>

通过javascript添加属性:

var myDiv= document.getElementsByClassName("first-div")[0];
var myp= myDiv.children[0];
nyp.setAttribute('myAttribute','valueForAttribute');

通过javascript获取属性:

   console.log(myp.getAttribute('myAttribute'));

答案 2 :(得分:0)

el.attribute = value

就是它的全部。如果该属性不存在,则创建该属性。

答案 3 :(得分:0)

您可以在此处查看如何获取和设置属性。

https://jsfiddle.net/tuc57hbp/6/

要获取属性,您必须首先获取<td>值。然后,您必须使用input获得td.children[0]个孩子,并使用input设置attribute个孩子input.setAttirbute('dummy', 'value')的值。 然后使用getAttribute('dummy')对其进行检索。