document.getElementById（“attribute_orderfield1_value”）。innerHTML无法写入输入字段

Question

通过在此输入字段中写入一些文本，我遇到了一些问题。

<input type="text" data-pseudo-text="true" data-selector=".attribute-orderfield1--hidden" placeholder="some text" name="attribute_orderfield1_value" id="attribute_orderfield1_value" class="input--attribute-orderfield1" data-type-aof="input">

我之前在没有属性data-type-aof的测试中尝试过它并且它有效。

document.getElementById("attribute_orderfield1_value").innerHTML = "some text";

此属性是否阻止通过JS写入字段？

Answer 1

如果我理解正确，您只是尝试设置值，只需使用：

document.getElementById("attribute_orderfield1_value").value = "some text";

Answer 2

innerHTML用于将html元素添加到各个DOM元素。对于输入元素，请改用value。

＆＃13;

＆＃13;

document.getElementById("attribute_orderfield1_value").value = "NEW Text";

＆＃13;

<input type="text" data-pseudo-text="true" data-selector=".attribute-orderfield1--hidden" placeholder="some text" name="attribute_orderfield1_value" id="attribute_orderfield1_value" class="input--attribute-orderfield1" data-type-aof="input">

＆＃13;

＆＃13;

＆＃13;

Answer 3

document.getElementById("attribute_orderfield1_value").value = "some text";

尝试使用InnerHTML不等于值

Answer 4

对于输入字段，您不应该使用innerHTML来更改内部文本。从技术上讲，您要更改的是输入字段的[value]属性。

尝试以下JS

document.getElementById("attribute_orderfield1_value").value = "New Text In Input Field";