Question

我正在尝试使用HTML和CSS创建一个简单的登录表单，但是我无法在文本框中使用document.getElementById()。

浏览器的控制台中发生以下错误：

TypeError：document.getElementbyId不是函数

P.S：我是js的菜鸟

我的代码：

<div id='logon'>
<input type=text placeholder='Username' id='un' style='width:50%; height:10%;'><br>

<input type=password placeholder='Password' id='pw' style='margin-top:2%; width:50%; height:10%'><br><br>
<button id='button' onclick='auth()'>Enter</button><br>
</div>
<script>
function auth(){
var x = document.getElementById("un");
var y = document.getElementbyId("pw");
if(x.value.toString()==="bla" && y.value.toString()==="bla")
    document.getElementbyId("invalidd").innerHTML = "<div id='invalid'>Invalid</div>";
else
    alert("Welcome!");

}
</script>

Answer 1

确保b采用大写格式，例如：

document.getElementById
___________________^

console.log(document.getElementById('test_1')); //Valid function
console.log(document.getElementbyId('test_2')); //Invalid function

<span id="test_1">Test 1</span>
<br>
<span id="test_2">Test 2</span>

js中的id值无法引用文本框

1 个答案: