Question

如何仅使用javascript从所有li标签中删除style属性？

<ul>
   <li style="color: red;">Item 1</li>
   <li style="color: red;">Item 2</li>
   <li style="color: red;">Item 3</li>
   <li style="color: red;">Item 4</li>
   <li style="color: red;">Item 5</li>
</ul>

由于

Answer 1

function removeAttrByTagName(tagname, attribute)
{
    var elements = document.getElementsByTagName(tagname);
    var i;

    for(i = 0;  i < elements.length; i++)
    {
        elements[i].removeAttribute(attribute);
    };
}

然后您可以像removeAttrByTagName('li', 'style')

一样使用它

Live example.

Answer 2

使用现代浏览器：

[].forEach.call(document.getElementsByTagName('li'), function (a) {
    a.removeAttribute('style');
});

JS Fiddle demo

Javascript - 如何从所有<li>标签</li>中删除样式属性

2 个答案: