问答详情
源自:3-6 控制类名(className 属性)

为什么加了这行代码后 点击更改外观后 p标签里面的文本都没了 页面只显示 p2元素的值为 two

http://img3.mukewang.com/60fd6f770001237b05340254.jpg

麻烦看一下

提问者:慕神7341748 2021-07-25 22:09

个回答

  • 慕尼黑4405802
    2022-08-18 10:18:37

    <body>

        <p id="p1" > JavaScript使网页显示动态效果并实现与用户交互功能。</p>

        <input type="button" value="添加样式" onclick="add()"/>

    <p id="p2" class="one">JavaScript使网页显示动态效果并实现与用户交互功能。</p>

        <input type="button" value="更改外观" onclick="modify()"/>

    <script type="text/javascript">

       function add(){

          var p1 = document.getElementById("p1");

          p1.className = "one";

       }

       function modify(){

          var p2 = document.getElementById("p2");

          p2.className = "two";

          alert("更改后P2的Class值为: " + p2.className);

       }

    </script>

    </body>


    //试试这个,看看是不是兄弟要的效果?


  • 慕神7341748
    2021-07-25 22:11:01

    http://img2.mukewang.com/60fd70c20001c65e03620134.jpg

    上面问题的结果