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

を値と等しくないInnerHTMLのそれを試してみてください：入力フィールドで

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

Answer 2

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

私が正しくあなたを理解していれば、あなただけの、値を設定するだけで使用しようとしている

Answer 3

あなたがいないならinnerHTMLを使用して内部のテキストを変更すると仮定します。技術的には、入力フィールドの[値]属性が変更しようとしています。

は、次のJS

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

Answer 4

innerHTMLのは、それぞれのDOM要素にHTML要素を追加するために使用されてみてください。入力要素の場合はvalueを代わりに使用してください。

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

<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">