JavaScript 移除div下p标签 style
在JavaScript中,移除<div>下的所有<p>标签的样式。
1、使用element.style.removeProperty()
如果你知道要移除的具体CSS属性,可以直接使用removeProperty()方法。
例如,移除所有<p>标签的color属性:
<script>
// 获取所有的p标签
var ps = document.querySelectorAll('div p');
//也可以这样写 若 div 的 id = div-id-name
//var ps = document.querySelectorAll('#div-id-name p');
// 遍历所有p标签并移除color属性
ps.forEach(function(p) {
p.style.removeProperty('color');
});
</script>2、使用element.removeAttribute()
如果你想移除style属性本身(这将移除所有内联样式),可以使用removeAttribute()方法:
<script>
// 获取所有的p标签
var ps = document.querySelectorAll('div p');
//也可以这样写 若 div 的 id = div-id-name
//var ps = document.querySelectorAll('#div-id-name p');
// 遍历所有p标签并移除style属性
ps.forEach(function(p) {
p.removeAttribute('style');
});
</script>