将属性添加到所有html标记

时间:2015-01-26 06:11:41

标签: javascript php regex

我想在所有代码中添加id="draggable"个属性。

例如 -

<img src="http://sample.jpg">应更改为<img src="http://sample.jpg" id="draggable" >

<p>abcd</p>应更改为<p id="draggable">abcd</p>

这应该适用于除<HTML><HEAD><script><style>

之外的所有代码

有什么建议吗?

3 个答案:

答案 0 :(得分:1)

使用class而不是Ids

var elems = document.body.getElementsByTagName("*");
elems.setAttribute("class","draggable");

答案 1 :(得分:0)

ID(或多个): 每个元素应该只有一个ID 每个页面只能有一个具有该ID的元素 类(S): 您可以在一个元素上使用mutliple类。 您可以在多个元素上使用相同的类

答案 2 :(得分:0)

向所有HTML元素添加相同的id不是一个好方法。最好有相同的班级名称。动态地,如果要为所有元素添加相同的类,可以执行类似下面的操作

$('#parent').find('*').addClass('draggable');

http://jsfiddle.net/663m8qyd/

<div id='parent'>
    <p>ABC</p>
    <img src='http://www.w3schools.com/tags/smiley.gif' alt="Smiley face"/>
    <div id='child'>
        <div id='child1'>test1</div>
        <div id='child2'>test2</div>
    </div>
</div>

要将draggable类添加到parent div中的所有元素,请找到每个元素并添加相应的类。 希望有所帮助!