1-16问题
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>dom属性的移除</title>
<style type="text/css">
.p1{background-color:pink;}
#p1{color:green;}
#p2{color:orange;}
#p3{color:blue;}
</style>
</head>
<body>
<p class="p1" id="p1">
一个人的快乐,不是因为他拥有的多,而是因为他计较的少。
</p>
<p class="p1" id="p2">
静坐常思己过,闲谈莫论人非,能受苦乃为志士,肯吃亏不是痴人,敬君子方显有德,怕小人不算无能,退一步天高地阔,让三分心平气和,欲进步需思退步,若着手先虑放手,如得意不宜重往,凡做事应有余步。
</p>
<p class="p1" id="p3">
持黄金为珍贵,知安乐方值千金,事临头三思为妙,怒上心忍让最高。切勿贪意外之财,知足者人心常乐。若能以此去处事,一生安乐任逍遥。
</p>
<script type="text/javascript">
// 补充代码
var a=document.getElementsByTagName('p');
for (var i = 0; i < a.length; i++) {
a[i].removeAttribute('class');
a[i].removeAttribute('id')
}
</script>
</body>
</html>
老师,请问补充的代码对吗?感觉好像哪不太对啊。如果只是想删除其中一段的背景和字体颜色怎样设置呢?不太会。。。
正在回答
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style type="text/css"> .p1{background-color:pink;} #p1{color:green;} #p2{color:orange;} #p3{color:blue;} </style> </head> <body> <p class="p1" id="p1"> 一个人的快乐,不是因为他拥有的多,而是因为他计较的少。 </p> <p class="p1" id="p2"> 静坐常思己过,闲谈莫论人非,能受苦乃为志士,肯吃亏不是痴人,敬君子方显有德,怕小人不算无能,退一步天高地阔,让三分心平气和,欲进步需思退步,若着手先虑放手,如得意不宜重往,凡做事应有余步。 </p> <p class="p1" id="p3"> 持黄金为珍贵,知安乐方值千金,事临头三思为妙,怒上心忍让最高。切勿贪意外之财,知足者人心常乐。若能以此去处事,一生安乐任逍遥。 </p> <script> // 补充代码 var a=document.getElementsByTagName('p'); // for (var i = 0; i < a.length; i++) { // a[i].removeAttribute('class'); // a[i].removeAttribute('id') // } a[0].removeAttribute("class"); a[0].removeAttribute("id"); //你可以改变数组a后面的索引来删除其中一段的样式。 </script> </body> </html>
希望能帮到你。
请【采纳答案】。
如果还有不懂的,我会全力给你解答。⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄
您提出问题1:【老师,请问补充的代码对吗?感觉好像哪不太对啊。如果只是想删除其中一段的背景和字体颜色怎样设置呢?不太会。。。】
a[0].removeAttribute("class"); a[0].removeAttribute("id");
a[0]表示第一个p标签的对象,上面意思是删除它的class属性和id属性。【属性被删除后,该标签的样式无效】
如果你想让第二个p标签的样式无效。 可以a[0] -> a[1] 也就是:
a[1].removeAttribute("class"); a[1].removeAttribute("id");
您提出问题2:【你好,我想知道如何通过a[i].removeAttribute("");改变括号里的属性直接删除某一段呢?】
你的意思是 使用a[i].removeAttribute("") ,改变它的参数 ,使某段标签的样式无效?
请再详细的描述您的问题。
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星