gpt4 book ai didi

javascript - 使用 JavaScript 修改 "value"输入的 "text"属性不起作用

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

我有一个关于文本输入字段的问题,它的值被 JavaScript 函数修改。这是我的代码的简化片段:

<!doctype html>
<html>
<meta charset="utf-8">
<head>
<title>Test Page</title>
<script>
function runScript()
{
document.getElementById("result").innerHTML = "Changing Text Input Value to Name 2";
document.getElementById("name_input0").value = "Name 2";
document.getElementById("name_hidden0").value = "Name 2";
}
</script>
</head>
<body>
<input type="hidden" id="name_hidden0" value="Name 1"/>
<input type="text" name="name_enter0" id="name_input0" value="Name 1"/>
<input type="button" value="Run Script" onClick="runScript()"/>
<div id="result"></div>
</body>
</html>

当页面加载时,文本和隐藏输入都填充了值“Name 1”。当我点击按钮时,页面看起来像这样:

Page View After Running JavaScript

这很有道理,但是,如果我使用开发人员工具(我尝试过 Firefox 和 Chrome)查看源代码并查看 HTML 代码,我会看到以下内容:

Underlying HTML after Running JavaScript

为什么文本输入字段的“值”属性在底层 HTML 中没有改变,但隐藏的输入“值”却改变了?

最佳答案

对于文本输入:

HTML value 属性设置默认值。

DOM value 属性保存当前值。

它们之间没有 1:1 的映射。

关于javascript - 使用 JavaScript 修改 "value"输入的 "text"属性不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31482807/

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