gpt4 book ai didi

Javascript 将变量从 HTML 切换到 Javascript

转载 作者:行者123 更新时间:2023-12-02 16:42:30 24 4
gpt4 key购买 nike

到目前为止我的代码是:

<html>
<head>
<title>Darek Abe Senior Project</title>
</head>
<body>

Welcome to the Age Calculator!<br>
<form name="form">
Birth Year:<br>
<input type="text" name="birthYear" value="">
<br>
Current Year:<br>
<input type="text" name="currentYear" value=""><br><br>
<input type="submit" value="Submit">
</form>
<script type="text/javascript">

var currentYear = document.getElementById('currentYear');
alert(currentYear);

</script>
</body>
</html>

我想弄清楚的是为什么它不会提醒我 currentYear 变量。请注意,我对此很陌生,所以其中可能存在一些愚蠢的错误。另外,我知道 birthYear 变量没有做任何事情,只是试图确保该变量在继续之前有效。

最佳答案

getElementById() ——名字是什么。它通过 id 选择一个元素,但您尝试选择的元素没有 id。

给你的元素id像这样:

<input type="text" name="currentYear" id="currentYear" />
<!-- ^
Give your input field an id -->

然后你就可以使用该功能:

var currentYear = document.getElementById('currentYear');

ID 在文档中必须是唯一的。

<小时/>

或者,您可以使用函数 getElementsByName() 获取元素。当然,在这种情况下,<input>标签不需要有 id。

var currentYear = document.getElementsByName('currentYear')[0];
/* ^ ^
This function returns an array with We assume that there
all elements with that name (in this is only one element
case 'currentYear'). with that name, so
we select index 0 of
the array.
*/
<小时/>

哦,还有一件事:
请注意,所有 HTML 元素必须具有相应的结束标记或者是自闭合的。例如,<br>无效,必须替换为 <br /><input ... /> 的计数相同.

关于Javascript 将变量从 HTML 切换到 Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27389674/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com