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

为什么上下两串代码里都是mychar+innerHTML，怎么修改后的标题变了，原标题内的内容没有变呢

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>innerHTML</title>

</head>

<body>

<h2 id="con">javascript</H2>

<p> JavaScript是一种基于对象、事件驱动的简单脚本语言，嵌入在HTML文档中，由浏览器负责解释和执行，在网页上产生动态的显示效果并实现与用户交互功能。</p>

<script type="text/javascript">

  var mychar=document.getElementById("con");

  document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容

  mychar.innerHTML="Hello Word";

  document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容

</script>

</body>

</html>


提问者：慕运维9122883 2023-02-05 16:35

个回答

  • Lucifer071023
    2024-01-05 14:54:52

    var mychar=document.getElementById("con");

      document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容

      mychar.innerHTML="Hello Word";

      document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容

    因为执行到原标题这里的时候mychar.innerHTML的内容还是原来的内容，并没有发生改变，

    接着mychar.innerHTML重新赋值成Hello Word，原标题内容已经执行输出完毕，就没有再发生改变

    0
  • 慕哥3248446
    2023-02-23 16:18:40

    因为JavaScript执行方式是按顺序执行的  逻辑就是  

        1. mychar = JavaScript

        2. 输出mychar  所以 输出的内容为 JavaScript

        3. 修改mychar 为Hello word 

        4. 输出mychar  修改后的结果 为  Hello word 

     所以 输出的两项为 JavaScript  和 Hello word

    0
  • weixin_慕尼黑1573201
    2023-02-10 11:37:46

    <script type="text/javascript">

      var mychar=document.getElementById("con");

      

    //这样写就会变了


      mychar.innerHTML="Hello Word";

      document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容

      document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容

    </script>


    0
  • weixin_慕尼黑1573201
    2023-02-10 11:36:25

    mychar.innerHTML 获取到标题的名字没有重新赋值

    mychar.innerHTML="Hello Word"; 重新赋值之后标题被改为了Hello Word。

    0