如何使用javascript在html页面中动态创建元素？

3回答

慕妹3146593

<header>    <meta charset="utf-8"></header><body>    <button onclick="constructElement()">click</button>    <div id="div-1">    </div>    <script>            function constructElement(){                var elem = document.createElement("h6");                elem.innerText= "Dynamically added text.";                document.getElementById("div-1").appendChild(elem);            }    </script></body>

九州编程

设置节点的文本内容：node.innerText = textfunction constructElement(){    var elem = document.createElement("h6");    elem.innerText ="Dynamically added text."    document.getElementById("div-1").appendChild(elem);}

慕斯王

您的代码中有两个错误，第一个是您使用了错误的“id”名称 div-1 而不是 div1，innerText 不是函数这是修复后的代码:)<header>  <meta charset="utf-8"></header><body>  <button onclick="constructElement()">click</button>  <div id="div-1">  </div>  <script>    function constructElement() {      var elem = document.createElement("h6");      elem.innerText = "Dynamically added text."      document.getElementById("div-1").appendChild(elem);    }  </script></body>