<input type="button" value="Change" id="cha_Ele" onclick="cha_Ele.innerHTML='更新后的内容' ">点击改变input内容</input>
这样点击input内容不会发生变化,当
<input type="button" value="Change" onclick="cha_Ele.innerHTML='更新后的内容' ">点击改变input内容</input>
<p id="cha_Ele">点击button改变p内容</p>
可以改变p内容,是否input内容是不能改变的?
这样点击input内容不会发生变化,当
<input type="button" value="Change" onclick="cha_Ele.innerHTML='更新后的内容' ">点击改变input内容</input>
<p id="cha_Ele">点击button改变p内容</p>
可以改变p内容,是否input内容是不能改变的?
<input type="button" value="Change" id="cha_Ele" onclick="cha_Ele.value='更新后的内容' ">点击改变input内容 </input>
"点击改变input内容"
硬要只改变显示的值,哪怕按照下面的写法,虽然显示的值会变,但是value属性值也变了。
<input type="button" value="Change" id="cha_Ele" onclick="cha_Ele.innerText='更新后的内容'">点击改变input内容 </input>
这样点击input内容不会发生变化,当
<input type="button" value="Change" onclick="cha_Ele.innerHTML='更新后的内容' ">点击改变input内容 </input>
<p id="cha_Ele">点击button改变p内容 </p>
你的这2个ID是一个,所以他会找第一个,但你的第一个没有innerHTML属性,可以用VALUE设置,
你也可以把第一个ID改成其他的名字,这样他就能找到下面的ID了,也可以正常显示了!!
<input..../>,现在你明白他为什么不能改变后面的文本了吧,因为他不是input的节点,所以你可以在input外面加一个div,用他控制文本的改变