gpt4 book ai didi

javascript - getElementById.value 不起作用错误 : form1. html :10 Uncaught ReferenceError: f1 is not defined at HTMLButtonElement. onclick (form1.html:10)

转载 作者:行者123 更新时间:2023-11-28 14:38:06 24 4
gpt4 key购买 nike

我一直在尝试运行这段代码,但不幸的是它似乎不起作用;它说

Uncaught TypeError: Cannot read property value of null

我注意到 getElementById().value 是罪魁祸首,但当我在同一个浏览器(CHROME、IE、FIREFOX)上运行另一个文件时,它会毫无错误地打印结果它已经在另一台计算机上预执行了。

几个月前,getElementById 也曾完美地工作过。

请帮助我。这真令人沮丧!提前致谢

function f1()
{
document.write("Hello")

var cname = document.getElementById('user_name').value;
document.write(cname);
}
<!DOCTYPE html>
<html>
<head>
<title>Welcome!</title>

</head>
<body>

Enter Name: <input id="user_name" type="text" /><br/>
<button onclick="f1()">Click</button>

<script type="text/javascript" src="form1.js"></script>
</body>
</html>

最佳答案

编辑:

document.write overides all content in the body and is also conceptually terrible performance-wise. As for wrapping "Hello" and the variable cname in document.createTextNode, I do so to convert the primitive string type to an actual DOM string. And finally, this DOM string is appended to the body element.

最酷的一点是,您可以选择要将内容附加到哪个元素。

试试这个:

 function f1() {
document.body.appendChild(document.createTextNode("Hello "));

var cname = document.getElementById('user_name').value;

document.body.appendChild(document.createTextNode(cname));
}
<!DOCTYPE html>
<html>
<head>
<title>Welcome!</title>

</head>
<body>

Enter Name: <input id="user_name" type="text" /><br/>
<button onclick="f1()">Click</button>

<script type="text/javascript" src="form1.js"></script>
</body>
</html>

关于javascript - getElementById.value 不起作用错误 : form1. html :10 Uncaught ReferenceError: f1 is not defined at HTMLButtonElement. onclick (form1.html:10),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49211725/

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