javascript - InnerHTML 不工作 : function not defined

Question

我正在尝试使用 innerHTML，但每当我运行它并在 Google Chrome 上按 F12 时，我都会收到此错误:

Uncaught ReferenceError :未定义乐趣

这是我的代码:

<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>

我真的不明白为什么它说函数未定义，如果有人能提供帮助，我会很高兴 :)

Answer 1

线

"<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>';