-1

我对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;
}
4

3 回答 3

6

JavaScript 区分大小写。

 getElementById // correct
 getElementByID // incorrect

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

类型错误：对象#<HTMLDocument>没有方法“ getElementByID”

于 2013-10-25T10:58:08.050 回答
0

使用JavaScript 控制台检测 JavaScript 中的错误。

这将标记getElementByID为空引用。

于 2013-10-25T11:00:28.980 回答
0

浏览器控制台本身告诉存在错误：

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/

于 2013-10-25T11:01:00.053 回答