我正在尝试使用innerHTML,但是每当我运行它并在Google Chrome上按F12时,都会出现此错误:
未捕获的ReferenceError:未定义fun
这是我的代码:
<script type="text/javascript">
function fun(){
document.getElementById('checklist').innerHTML =
"<li> <input type="checkbox" > <label >Checkbox 1</label> </li>";
}
</script>
<p><input type="button" onclick="fun()" value="Add"/></p>
</div>
<h3></h3>
</div>
<div class="scroll" >
<ul class="listacheck" id="checklist">
</ul>
我真的不明白为什么说功能没有定义,如果有人可以帮助我,我会很高兴的:)
最佳答案
线
"<li> <input type="checkbox" > <label >Checkbox 1</label> </li>";
不能正确地使用“复选框”周围的引号引起来。这将导致解析器在
fun
定义期间失败。您可以使用单引号"<li> <input type='checkbox' > <label >Checkbox 1</label> </li>";
或转义双引号:
"<li> <input type=\"checkbox\" > <label >Checkbox 1</label> </li>";
或使用单引号定义字符串:
'<li> <input type="checkbox" > <label >Checkbox 1</label> </li>';