Question

document.getElementById("chapter1"); .innerHTML="" 出问题了，求指教。

这是三段与之相关联的代码：我的想法是点击“开始”按钮后， <div id="explain">内的一个文档 随之改变。现在，不知道为什么，点击按钮之后，一点反应也没有。求高手指教.
<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script>
function chapter1()
{
x=document.getElementById("chapter1");
x.innerHTML="<p id="chapter1">开始的说明文档。</p>";
}
</script>

<div class="btn-group" id="menup01">
<form>
<input id="instructionp01" class="btn btn-default btn-lg dropdown-toggle" data-toggle="dropdown" type="button" onclick="myinstructionp01()" value="执行" />
<ul class="dropdown-menu" role="menu">
<li><button type="button" d()">开始(ctrl+s)</button></li>
<li>结束(ctrl+t)</li>
<li>急停(ctrl+e)</li>
<li>恢复运行(ctrl+r)</li>
</ul>
</form>
</div>

<div id="explain">
<form>
<input type="button" id="instructionp08" class="fz3" value="背景颜色" />
<input type="button" id="instructionp09" class="fz3" value="字体大小" />
</form>
<p id="p13">实践是检验真理的唯一标准。</p>
<p id="chapter1">改变从这里开始，改变从这里开始，改变从这里开始，改变从这里开始 </p>
</div>

Answer 1

这样写：
<script>
function chapter1()
{
x=document.getElementById("chapter1");
x.innerHTML="<p id='chapter1'>开始的说明文档。</p>";//双引号没要写单引号
}
</script>