无法获取输入值

Question

I'm having trouble trying to log the value of a input.

So my script is showing below.

document.getElementById("news").innerHTML = '<input type="text" id="myText" value="Mickey">';

var x = document.getElementById("news").value;
console.log(x)

I expected it to log "Mickey" to the console. Instead it logs "undefined"

Can someone help me understand why and possibly help me with a solution to my problem. Thank you.

Answer 1

You're trying to get the value from wrong element. Try using the input Id and you'll get results.

var x = document.getElementById("myText").value;

You need to get the value from input id--^

 document.getElementById("news").innerHTML = '<input type="text" id="myText" value="Mickey">'; var x = document.getElementById("myText").value; console.log(x)

 <div id="news"> </div>