[英]The "change page layout" button doesn't do anything when clicked
所以,我应该先声明我不是专家编码员。 事实上,我正在学习计算机科学 class,目前我只知道 HTML、CSS 和一些 Javascript。这让我很困惑。
所以,当我按下 ID 为“btn1”的底部按钮时,它应该会触发 changeLayout function。我计划稍后向 function 添加更多内容,但现在我已经添加了一段代码来编写“hi " 在 ID 为“firstname”的文本框中测试它是否有效。 除了,当我按下按钮时,没有任何反应。 到目前为止,我已经尝试将按钮从输入类型的按钮更改为按钮标签,我已经尝试多次更改 ID 和 function 名称,我已经尝试将 function 中的.value 更改为 a.innerHTML,到目前为止没有任何效果。
<!DOCTYPE html>
<html>
<head>
<script>
function mouseOver () {
window.alert('Click here to accept cookies!')
}
function bannedKey () {
window.alert('Sorry, that is a banned key. Please try again.')
}
function changeLayout(form) {
document.getElementbyId("firstname").value = "hi"
}
</script>
</head>
<body>
<form>
<fieldset>
<b>First Name: </b><input type="text" name="keyjoke" onkeypress="bannedKey()" id="firstname" value=""><br>
<b>Last Name: </b><input type="text" name="keyjoke" onkeypress="bannedKey()"><br>
<button onmouseover="mouseOver()">Submit!</button>
</fieldset><br>
<input type="button" id="btn1" onclick="changeLayout(this.form)" value="Click here to change the page layout!">
</form>
</body>
</html>
这不是“getElementbyId”。 它是“getElementById”(“By”中的大写 B)。
document.getElementById("firstname").value = "hi"
问题未解决?试试以下方法:
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.