getElementById innerHTML对我不起作用?

时间:2014-12-20 14:02:58

标签: javascript

getElementById innerHTML对我不起作用?

当用户在输入标记中填充数据时,它会将数据更改为Hello!

http://jsfiddle.net/59DFY/21/

<input type="text" id="hola" onchange="changeMe()">
<script>
function changeMe() {
  document.getElementById("hola").innerHTML="Hello!";
}
</script>

2 个答案:

答案 0 :(得分:3)

使用输入文字的属性。

value属性设置或返回文本字段的value属性的值。

value属性包含默认值或用户键入的值(或脚本设置的值)。

所以尝试像这样改变它

function changeMe() {
  document.getElementById("hola").value ="Hello!";
}

http://jsfiddle.net/59DFY/21/

答案 1 :(得分:2)

您需要使用value。它将改变&#34;输入元素上的内部HTML,但由于它是一个void元素,因此不会显示在屏幕上。从技术上讲,它不会innerHMTL,但浏览器会执行<input ...>Hello!</input>之类的操作。 input元素的文字使用value以外的innerHTML,例如<p><div>会使用{。}}。

function changeMe() {
    document.getElementById("hola").value="Hello!"; 
}