1-16问题

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>

老师,请问补充的代码对吗?感觉好像哪不太对啊。如果只是想删除其中一段的背景和字体颜色怎样设置呢?不太会。。。

正在回答

登陆购买课程后可参与讨论,去登陆

3回答
<!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>

希望能帮到你。

请【采纳答案】。

如果还有不懂的,我会全力给你解答。⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄

  • 慕粉2148041931 提问者 #1
    你好,我想知道如何通过a[i].removeAttribute("");改变括号里的属性直接删除某一段呢?
    2017-12-19 19:22:58
  • lanrtop 回复 提问者 慕粉2148041931 #2
    【老师,请问补充的代码对吗?感觉好像哪不太对啊。如果只是想删除其中一段的背景和字体颜色怎样设置呢?不太会。。。】 a[0].removeAttribute("class"); a[0].removeAttribute("id"); a[0]表示第一个p标签的对象,上面意思是删除它的class属性和id属性。【因为没有指定class和id,所以没有样式】 如果你想让第二个p标签的样式无效。 可以a[0] -> a[1] 也就是: a[1].removeAttribute("class"); a[1].removeAttribute("id"); 【你好,我想知道如何通过a[i].removeAttribute("");改变括号里的属性直接删除某一段呢?】 你的意思是 通过a[i].removeAttribute("") ,改变它的参数 来直接删除某段标签的样式? 请再详细的描述您的问题。
    2017-12-19 20:26:09
  • 慕粉2148041931 提问者 #3
    非常感谢!
    2017-12-22 19:21:23
lanrtop 2017-12-20 09:10:22

希望能帮到你。

请点【采纳答案】

如果还有问题,我会全力为你解答。⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄


lanrtop 2017-12-19 20:28:16

您提出问题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("") ,改变它的参数 ,使某段标签的样式无效? 

请再详细的描述您的问题。

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师