InnerHTML不工作:函数未定义

InnerHTML not working: function not defined

本文关键字：函数 未定义 工作 InnerHTML      更新时间：2023-09-26

我试图使用innerHTML，但每当我运行它并按下F12在谷歌浏览器我得到这个错误:

Uncaught ReferenceError: fun is not defined

下面是我的代码:

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

没有被"checkbox"周围的引号正确转义。这将导致解析器在定义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>';
相关文章：