运行结果没明白?

来源:3-3 innerHTML 属性

weibo_大脸源y_0

2017-08-06 10:56

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

写回答 关注

3回答

  • 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 !         此处作对比


    不知道这样你可否看懂?

    希望能帮助到你!

    祝学习愉快,加油!

    weibo_...

    谢谢?

    2017-08-06 16:52:01

    共 1 条回复 >

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

    我还是处于蒙蔽状态

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

    jiu是这样的

JavaScript入门篇

JavaScript做为一名Web工程师的必备技术,本教程让您快速入门

739817 学习 · 9566 问题

查看课程

相似问题