代码不是按照顺序依次执行吗?为什么<p id="con">Hello world!</p>这一行结果输出的却是"New text!"?谢谢告知。

来源:3-3 innerHTML 属性

慕九州605830

2020-01-11 09:35

<!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>

</head>

<body>

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

    <script>

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

    document.write("P标签原始内容为"+mycon.innerHTML+"<br/>");

    mycon.innerHTML="New text!";

    document.write("P标签修改内容为"+mycon.innerHTML);

    </script>

</body>

</html>


写回答 关注

1回答

  • 崇义0
    2020-01-12 22:00:18

    是按照顺序依次执行的,你可以将 mycon.innerHTML="New text!";先注释了,就可以知道他<p id="con">Hello world!</p>是有打印出来的,但是浏览器执行到 mycon.innerHTML="New text!";就将p标签里面的文字给修改了

JavaScript入门篇

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

739817 学习 · 9566 问题

查看课程

相似问题