我正在学习使用 javascript 在 html 页面中动态创建一个元素。在这段代码中，我试图在“div-1”中创建一个简单的“h6”。<!DOCTYPE html> <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></html>
3 回答
慕妹3146593
TA贡献1820条经验 获得超9个赞
<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>
九州编程
TA贡献1785条经验 获得超4个赞
设置节点的文本内容：node.innerText = text
function constructElement(){
var elem = document.createElement("h6");
elem.innerText ="Dynamically added text."
document.getElementById("div-1").appendChild(elem);
}
慕斯王
TA贡献1864条经验 获得超2个赞
您的代码中有两个错误，第一个是您使用了错误的“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>
添加回答
举报
0/150
提交
取消