您还不是vip会员或者没有登录，无法进入学习，请登录后访问或者联系站长升级会员等级！
为了能给大家提供更好的服务和视频教程，本站VIP课程需要收取一定的学费，具体收费标准根据不同的班级课程和有效期长短有所不同，具体请咨询在线老师，多谢您对本站的支持！
js基础教程38：使用innerHTML改变HTML内容
讲师：瑞德威(赵老师)
JavaScipt基础知识 视频教程
第十九课 DOM文档对象模型应用
如何使用javascript操作文档对象模型（Document Object Model，简称DOM）
1、改变HTML内容
修改 HTML 内容的最简单的方法时使用 innerHTML 属性。
如需改变 HTML 元素的内容，请使用这个语法：
document.getElementById(id).innerHTML=new HTML
例如：
<p id="p1"><span>瑞德威设计网</span></p>
<script>
document.getElementById("p1").innerHTML="网址是www.redwe.net";
</script>
test.innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
test.innerText: 从起始位置到终止位置的内容, 但它去除Html标签
test.outerHTML: 除了包含innerHTML的全部内容外, 还包含对象标签本身。
innerHTML是符合W3C标准的属性，而innerText只适用于IE浏览器，因此，尽可能地去使用innerHTML，而少用innerText，如果要输出不含HTML标签的内容，可以使用innerHTML取得包含HTML标签的内容后，再用正则表达式去除HTML标签。
例如：document.getElementById(id).innerHTML.replace(/<[^>]+>/gim,‘))
上一讲：js基础教程37：如何通过标签名查找HTML元素 | 下一讲：js脚本教程39：定时器settimeout和setInterval
 |
豫公网安备 41010202002486号 | ICP备案：豫ICP备18044432号-1 |
QQ在线咨询 
