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

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

것은, 그것은 innerHTML을 평등하지 내가 제대로 이해하면

Answer 3

당신이 아니에요 innerHTML을 사용하여 내부 텍스트를 변경해야합니다. 기술적으로 당신이 바꾸려고하는 것은 입력 필드의 [value] 속성입니다.

는 다음 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">