Question

我是JS的新手，只是编写一些脚本来学习。有人能告诉我我在哪里错了吗？我认为它可能只是某处的语法错误，或者我没有使用正确的功能来执行此任务。

谢谢：）

HTML：

<!DOCTYPE html>
<html>
<head>
<title>javascript &#8226; training</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
    <div id='textOff'>
        Hi there this is some sample text for my JS
    </div>
    <input type='submit' value='show me some stuff!' onclick='show();'/>
    <script>
    function show() {
        var text = document.getElementByID('textOff');
        console.log(text); //debugging
        text.id = 'mainText';
    };
    </script>
</body>

</html>

CSS：

body {
    background-color: #17161F;
    color: white;
}

#mainText {
    width: 20%;
    height: 30%;
    font-family: Arial;
    margin-left: 20%;
    margin-top: 20%;
}

#textOff {
    display: none;
}

Answer 1

JavaScript区分大小写。

 getElementById // correct
 getElementByID // incorrect

使用浏览器提供的JavaScript控制台：

TypeError：对象#<HTMLDocument>没有方法“getElementByID”

Answer 2

使用JavaScript Console检测JavaScript中的错误。

这会标记getElementByID是空引用。

Answer 3

浏览器控制台本身告知错误：

Uncaught TypeError: Object #<HTMLDocument> has no method 'getElementByID'

将getElementByID替换为getElementById。

function show() {
        var text = document.getElementById('textOff');
        console.log(text); //debugging
        text.id = 'mainText';
    };

以下是工作演示：http://jsfiddle.net/fh6NG/

JavaScript html编辑错误

3 个答案: