javascript修改html内容的方法：1、使用innerHTML属性修改html内容；2、使用innerText属性修改html内容；3、使用uterText属性修改html内容；4、使用outerHTML属性修改html内容。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
方法1：使用innerHTML属性修改html内容
innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。
方法2：使用innerText属性修改html内容
立即学习“Java免费学习笔记（深入）”；
innerText 在指定元素中插入文本内容，如果文本中包含 HTML 字符串，将被编码显示。
浏览器支持状态：IE 4+、Safari 3+、Chrome 和 Opera 8+。Firefox 提供 textContent 属性支持相同的功能。支持 textContent 属性的浏览器还有 IE 9+、Safari 3+、Opera 10+ 和 Chrome。
方法3：使用uterText属性修改html内容
outerText 与 innerText 功能相似，但是它能够覆盖原有的元素。
方法4：使用outerHTML属性修改html内容
示例
下面示例使用 outerText、innerText、outerHTML 和 innerHTML 这 4 种属性为列表结构中不同列表项插入文本。
nbsp;html>单击回答问题
登录后复制 你好 你叫什么？ 你是什么职业？ 你喜欢 JS 吗？ ul = document.getElementsByTagName(“ul”)[0]; //获取列表结构 var lis = ul.getElementsByTagName(“li”); //获取列表结构的所有列表项 lis[0].onclick = function () { //为第一个列表项绑定事件处理函数 this.innerText = “谢谢”; //替换文本 } lis[1].onclick = function () { //为第二个列表项绑定事件处理函数 this.innerHTML = “
我叫 PHP中文网”; //替换HTML文本 } lis[2].onclick = function () { //为第三个列表项绑定事件处理函数 this.outerText = “我是学生”; //覆盖列表项标签及其包含内容 } lis[3].onclick = function () { //为第四个列表项绑定事件处理函数 this.outerHTML = “
当然喜欢”; //覆盖列表项标签及其包含内容 }
输出：
【相关推荐：javascript学习教程】
以上就是javascript怎么修改html内容的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2710831.html
