陈学俊 发布了55 篇原创文章 · 获赞 5 · 访问量 1万+ 私信 关注首先给出一对标签:<div>hello world</div> 中间的hello world即属于div的属性innerHTML的内容;这下修改起来就比较容易了。比如将输入text文本框的数据同步到一个div标签中,那么可以使用:oDiv.innerHTML = oBtn1.value;完整示例代码如下
<!DOCTYPE html> <html> <head> <title>innerHTML</title> <style type="text/css"> #div1{ width: 200px; height: 40px; border: 1px solid black; } #Btn1{ width: 200px; } </style> <script type="text/javascript"> window.onload = function(){ var oDiv = document.getElementById('div1'); var oBtn1 = document.getElementById('btn1'); var oBtn2 = document.getElementById('btn2'); oBtn2.onclick = function (){ oDiv.innerHTML = oBtn1.value; }; }; </script> </head> <body> <input type="text" id="btn1"> <input type="button" id="btn2" value="设置文字"> <div id="div1"></div> </body> </html>
结果:
总结:显然,其他标签也有innerHTML