replace()函数失败,应该将文本框条目替换为标题

时间:2019-06-10 16:29:32

标签: javascript

因此,我对JavaScript的了解很少,并且正在观看教程,并且尝试使用文本框中的内容更新title字段。但是,尽管我的代码和本教程的代码没有什么不同,但与本教程中的家伙不同,如果输入框的长度大于0,则我的函数无法替换文本框输入。我无情地搜索了代码中的错误,但找不到它。

<!DOCTYPE html>
<html>
<head>
    <title>JavaScript Example</title>
    <script type="text/javascript">
        function substitute()
        {
            var myValue = document.getElementById('myTextBox').value;
            if (myValue.length == 0)
            {
                alert('Please enter a real value in the text box!');
                return;
            }
            var myTitle = document.getElementbyId('title');
            myTitle.innerHTML = myValue;
            return;
        }
    </script>
</head>
<body>
    <h1 id="title">JavaScript Example</h1>
    <input type="text" id="myTextBox" />
    <input type="submit" value="Click Me" onclick="substitute()" />
</body>


</html>

2 个答案:

答案 0 :(得分:3)

应为document.getElementById('yourId')而不是document.getElement b yId('yourId')

您遇到了这个问题,因为JavaScript是区分大小写的语言,其中关键字,变量,函数名和任何其他标识符必须始终以一致的大写字母键入。

答案 1 :(得分:3)

Javascript区分大小写,所有关键字,函数必须使用相同的大小写

在您的代码中,document.getElementById('title')中的'B'应该是大写字母-document.getElement B yId()