gpt4 book ai didi

javascript - 读取输入并打印变量 - JavaScript 和 HTML 4.01

转载 作者:行者123 更新时间:2023-11-28 20:11:58 25 4
gpt4 key购买 nike

我刚刚测试了一些代码,但无法让它工作:

<HTML>
<head>

<title> Page 1 </title>

<script>
function myFunction()
{
var x=document.getElementById("myEmail")
document.write(x)
}
</script>

</head>

<body>

<form>
<p> Input your email </p>
<input name="myEmail" type="text">
</form>

<button type="button" onclick="myFunction()">Submit Email</button>

</body>

</HTML>

我想做的就是让用户在文本中输入一些内容,由解析器读取,将其放入变量中,然后在屏幕上打印该变量。如果我知道这一点,这将对我正在进行的其他项目有很大帮助。有人可以帮忙吗?注意:我不想使用 HTML5,因为它删除了一些我喜欢的标签,所以我们可以使用 HTML 4.01 或其他吗?

最佳答案

第 1 步是使用 HTML 5、缩进代码并使用分号。

<!DOCTYPE html>

<html>
<head>
<title> Page 1 </title>

<script>
function myFunction() {
var x = document.getElementById("myEmail");
document.write(x);
}
</script>
</head>
<body>
<form>
<p> Input your email </p>
<input name="myEmail" type="text">
</form>

<button type="button" onclick="myFunction()">Submit Email</button>
</body>
</html>

第 2 步是查看正在写入的内容,看到它是 null ,直觉当 document.getElementById将返回null ,并意识到不存在 id 的元素的myEmail在你的文档中。它只有一个name 。填写表格时将其放下。

<body>
<p>Input your email </p>
<input id="myEmail" type="text">
<button type="button" onclick="myFunction()">Submit Email</button>
</body>

下一步是再次尝试并意识到 x是一个元素,而不是字符串,并且您想要获取它的值。

function myFunction() {
var x = document.getElementById("myEmail");
document.write(x<strong>.value</strong>);
}

“良好的 future 实践”步骤(排名不分先后):

  • 将脚本放在底部并停止使用内联事件监听器
  • 将脚本放入外部文件
  • 使用 <label>

如果您不打算做比写回电子邮件更有用的事情,也可以考虑使用 document.body.appendChild(document.createTextNode(…)) ,这不会删除文档的其余部分。 DOM 真的很棒。

关于javascript - 读取输入并打印变量 - JavaScript 和 HTML 4.01,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19781251/

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