如何使用JS设置输入值

Question

I have input :

<input type="text"  id="nameProduct">

I want set value :

document.getElementById("nameProduct").value="hello";

How can I do it before page load input ?

Answer 1

You can't do it with JavaScript , the dom element object can only get after it loaded. The right way is to set value attribute for input.

 <input type="text" id="nameProduct" value="hello"> 

---

A simple hack you can do is hide element initially and show it after value updated using JavaScript.

 var ele=document.getElementById("nameProduct"); ele.value="hello"; ele.style.display='block'; 

 <input type="text" id="nameProduct" style="display:none">