Javascript 为什么onclick不使用innerHtml_Javascript

Javascript 为什么onclick不使用innerHtml

javascript

Javascript 为什么onclick不使用innerHtml,javascript,Javascript,在这里，我尝试使用innerHtml将html添加到元素中 <body> <h3>Dynamically Retrieve the chapter name</h3> <div> <div> <button id="addChapter">Add Chapter</button> <div id="courseStructure"> </div> <

在这里，我尝试使用innerHtml将html添加到元素中

  <body>
 <h3>Dynamically Retrieve the chapter name</h3>
<div>
<div>
    <button id="addChapter">Add Chapter</button>
    <div id="courseStructure">

    </div>
 </div>
 </div>
<script src="index.js"></script>
</body>


动态检索章节名称
增加章节

JS:

var addChapter=document.getElementById（“addChapter”）；
addChapter.onclick=函数（）{
document.getElementById（“courseStructure”）.innerHtml+=“添加子章节添加内容

”；
}

一切似乎都很好单击按钮时onclick事件正在触发，但html没有添加到元素中。

将

innerHtml

更改为

innerHtml

var addChapter=document.getElementById（“addChapter”）；
addChapter.onclick=函数（）{
document.getElementById（“courseStructure”）.innerHTML+=“添加子章节添加内容

”；
}

动态检索章节名称
增加章节

将

innerHtml

更改为

innerHtml

var addChapter=document.getElementById（“addChapter”）；
addChapter.onclick=函数（）{
document.getElementById（“courseStructure”）.innerHTML+=“添加子章节添加内容

”；
}

动态检索章节名称
增加章节

您可以在js上选择：

$("#courseStructure").click(function(){
document.getElementById("courseStructure").innerHtml += '<div><input type="text" name="chaptername" placeholder="chapter name"/><button id="addSubChapter">Add SubChapter</button><button id="addContent">Add Content</button><br><br></div>';
});

$（“#课程结构”）。单击（函数（）{
document.getElementById（“courseStructure”）.innerHtml+=“添加子章节添加内容

”；
});

或：

添加章节

您可以在js上选择：

$("#courseStructure").click(function(){
document.getElementById("courseStructure").innerHtml += '<div><input type="text" name="chaptername" placeholder="chapter name"/><button id="addSubChapter">Add SubChapter</button><button id="addContent">Add Content</button><br><br></div>';
});

$（“#课程结构”）。单击（函数（）{
document.getElementById（“courseStructure”）.innerHtml+=“添加子章节添加内容

”；
});

或：

添加章节

您没有以正确的格式编写innerHTML。它是innerHTML而不是innerHTML 您的代码应该是

<body>
<h3>Dynamically Retrieve the chapter name</h3>
<div>
<div>
<button id="addChapter">Add Chapter</button>
<div id="courseStructure">

</div>
</div>
</div>
<script src="index.js"></script>
</body>


动态检索章节名称
增加章节

您的.JS文件将被删除

var addChapter = document.getElementById("addChapter");

addChapter.onclick = function()
{
document.getElementById("courseStructure").innerHTML += '<div><input type="text" name="chaptername" placeholder="chapter name"/>
<button id="addSubChapter">Add SubChapter</button>
<button id="addContent">Add Content</button>
<br><br></div>';
}

var addChapter=document.getElementById（“addChapter”）；
addChapter.onclick=函数（）
{
document.getElementById（“courseStructure”）.innerHTML+='
添加分章
添加内容


",；
}

您没有以正确的格式编写innerHTML。它是innerHTML而不是innerHTML 您的代码应该是

<body>
<h3>Dynamically Retrieve the chapter name</h3>
<div>
<div>
<button id="addChapter">Add Chapter</button>
<div id="courseStructure">

</div>
</div>
</div>
<script src="index.js"></script>
</body>


动态检索章节名称
增加章节

您的.JS文件将被删除

var addChapter = document.getElementById("addChapter");

addChapter.onclick = function()
{
document.getElementById("courseStructure").innerHTML += '<div><input type="text" name="chaptername" placeholder="chapter name"/>
<button id="addSubChapter">Add SubChapter</button>
<button id="addContent">Add Content</button>
<br><br></div>';
}

var addChapter=document.getElementById（“addChapter”）；
addChapter.onclick=函数（）
{
document.getElementById（“courseStructure”）.innerHTML+='
添加分章
添加内容


",；
}

Its

innerHTML

not

innerHTML

@Satpal谢谢。你刚刚救了我。它是

innerHTML

而不是

innerHTML

@Satpal谢谢你。你刚刚救了我。