问答详情
源自:3-3 innerHTML 属性

运行结果没明白?

598685130001c6aa05400960.jpg
为什么是这个输出?

提问者:weibo_大脸源y_0 2017-08-06 10:56

个回答

  • Jelar
    2017-08-06 16:33:45
    已采纳

      <p id="con">Hello World!</p> 

     <!--此处为元p标签内容,为,Hello World!,若打印输出的话,应该得打印 Hello World!  -->

      <script type="text/javascript">

      var mychar = document.getElementById("con"); //获取元素存储在变量mychar中

    //原p元素内容的打印输出,此处打印的是,原p元素内容应该打印出来的内容,Hello World!,做比较。

      document.write("p标签原始内容:"+mychar.innerHTML+"</br>");  

    //修改p元素内容,将原来p元素的内容 Hello World ! --修改为--> New text !

      mychar.innerHTML="New text!";

    //修改p元素内容后的打印输出,此处打印的是,修改后p元素内容,New text !

      document.write("p标签修改后内容:"+mychar.innerHTML);

      </script>

    打印输出的效果应该是,如下:

    New text !                 此处打印输出的不是 Hello World ! ,而是New text ! ,被 js 的innerHTML属性修改了

    p标签原始内容:Hello World!        此处作对比

    p标签修改后内容:New text !         此处作对比


    不知道这样你可否看懂?

    希望能帮助到你!

    祝学习愉快,加油!

  • 慕妹3134196
    2017-11-30 16:54:14

    我还是处于蒙蔽状态

  • 慕仙7841848
    2017-08-06 13:02:09

    jiu是这样的