Javascript Can'；t修改div的innerHTML_Javascript_Html

Javascript Can'；t修改div的innerHTML

javascript html

Javascript Can'；t修改div的innerHTML,javascript,html,Javascript,Html,我试图修改特定div的innerHTML，但无法删除该div的内容。我有以下代码： <!DOCTYPE html> <html> <head> <title>Test</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> </head> <body>

我试图修改特定

div

的innerHTML，但无法删除该

div

的内容。我有以下代码：

<!DOCTYPE html>
<html>
    <head>
        <title>Test</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <script type="text/javascript">
            function reset() {
                document.getElementById("results").innerHTML = "";
            }
            function check () {
                document.getElementById("results").innerHTML = "foo";
            }
        </script>
        <form name="form1">
            <input type="button" value="Check" onclick="check();">
            <input type="button" value="Reset" onclick="reset();">
        </form>
        <div id="results"></div>
    </body>
</html>


试验
函数重置（）{
document.getElementById（“结果”）.innerHTML=“”；
}
函数检查（）{
document.getElementById（“结果”）.innerHTML=“foo”；
}

有人能指出我哪里做错了吗

提前感谢。

这是因为表单中已经有了一个

重置

函数，该函数将被调用，而不是您自己的函数。更改该名称，它将起作用

    <script type="text/javascript">
        function r2() {
            document.getElementById("results").innerHTML = "";
        }
        function check () {
            document.getElementById("results").innerHTML = "foo";
        }
    </script>
    <form name="form1">
        <input type="button" value="Check" onclick="check();">
        <input type="button" value="Reset" onclick="r2();">
    </form>
    <div id="results"></div>


函数r2（）{
document.getElementById（“结果”）.innerHTML=“”；
}
函数检查（）{
document.getElementById（“结果”）.innerHTML=“foo”；
}

这种问题是避免内联函数调用的另一个原因。首选的方法是

 <form name="form1">
        <input type="button" value="Check" id=check>
        <input type="button" value="Reset" id=reset>
 </form>
 <div id="results"></div>
 <script type="text/javascript">
       document.getElementById("reset").onclick = function() {
            document.getElementById("results").innerHTML = "";
       }
       document.getElementById("check").onclick = function(){  
           document.getElementById("results").innerHTML = "foo";
       }
</script>


document.getElementById（“重置”）.onclick=function（）{
document.getElementById（“结果”）.innerHTML=“”；
}
document.getElementById（“检查”）.onclick=function（）{
document.getElementById（“结果”）.innerHTML=“foo”；
}

给出

您的控制台中是否出现任何javascript错误？请习惯于使用

$（'div#id_name'）

而不是'getElementById'。唯一需要做的就是添加jQeury插件。但是，当您将来更多地使用Js时，它将对您有很大帮助。@MaNKuR不在所有站点中导入jQuery是完全可以接受的。它毕竟不是那么轻。它就像是

with（this.form）with（this）/*onclick方法*/

onclick="window.reset();"