使用Javascript将文本注入HTML表单字段

Question

有人可以解释为什么此代码不会将字符串Username添加到输入字段中吗？

它在下面的代码段中运行，但不在基本的test.html页面上本地运行。帮助

<script type="text/javascript">
document.getElementById("username").value = "Username";
</script>

<input id="username" name="username" value="">

感谢任何指导。

＆＃13;

＆＃13;

document.getElementById("username").value = "Username";

＆＃13;

<input id="username" name="username" value="">

＆＃13;

＆＃13;

＆＃13;

Answer 1

javaScript与虚拟机一起运行并充当解释器。所以，你需要保持序列。您在定义输入元素之前使用javascript。因此，JavaScript无法识别该元素。

只需将JavaScript代码放在HTML元素定义之后：

<input id="username" name="username" value="">

<script type="text/javascript">
document.getElementById("username").value = "Username";
</script>

Answer 2

尝试将javascript插入到正文中，或者创建一个函数并插入onload

<input id="username" name="username" value="">

document.getElementById("username").value = "Username";

Answer 3

您是否尝试在输入字段后创建脚本？如果您在head标记内创建了脚本，或者在创建输入字段之前，它也不应该正常工作，因为没有对id＆＃34; username＆＃34;

Answer 4

这是您的代码序列的问题，在您的情况下，当浏览器执行时，在用户名id的DOM元素中找不到用户名输入字段。

所以改变你的代码序列

<input id="username" name="username" value="">

<script type="text/javascript">
document.getElementById("username").value = "Username";
</script>

Answer 5

在定义之前使用输入元素......

首先定义输入元素，然后在脚本中使用它

<input id="username" name="username" value="">
<script type="text/javascript">
 document.getElementById("username").value = "Username";
</script>