innerHTML和innerTEXT的区别
来源:互联网 发布:c语言根号 编辑:程序博客网 时间:2024/05/29 11:06
<div id="box"> <p>这是一个P标签</p> <p>这是一个P标签</p> <p>这是一个P标签</p> <p>这是一个P标签</p></div>
var box = document.getElementById("box"); console.log(box.innerText);
这是innerText的用法 ,直接获取标签之间的文本内容
console.log(box.innerHTML);
这是一个innerHTML的用法,将标签之间的所有内容都打印了出来 ,包括标签,而且是将内容原样打印输出出来
还有另一种用法,就是设置的用法
box.innerText = "<ul><li>123</li><li>456</li><li>789</li></ul>";
innerText设置的时候,无法设置标签,会将标签进行转义直接显示出来
box.innerHTML="<ul><li>123</li><li>456</li><li>789</li></ul>";
如果给innertHTML赋值的话,会将里面的标签渲染解析出来,解析成正常的HTML标签
通常用innerHTML来进行字符串拼接操作
阅读全文
0 0
- innerText和innerHTML的区别
- innerText和innerHTML的区别
- innertext和innerhtml的区别
- innerText和innerHtml的区别
- innerHTml和innerText的区别
- innerText 和innerHTML的区别
- innerHTML和innerText的区别
- innerText和innerHTML的区别
- InnerHtml和InnerText的区别
- innerHTML和innerText的区别
- innerText和innerHtml的区别
- innerHTML和innerTEXT的区别
- innerText和innerHTML的区别
- innerHTML和innertext的区别
- innerhtml和innertext用法以及innerHTML与innertext的区别
- innerText和innerHtml区别
- innerText和innerHTML区别
- innerText和innerHTML区别
- [Unity3D·CSV篇]03.CSV初级缓存
- 计算两个字符串的距离(递归搜索会爆栈)
- 关于C#中get和set
- Mac中Node.js版本升级
- icomoon 使用
- innerHTML和innerTEXT的区别
- Arcengine的工具中实现Snapping(捕捉)
- luogu2765 魔术球问题
- 测试 ThreadPoolExecutor 中遇到的近似死锁问题
- java虚拟机的安装
- zookeeper 3.4.5集群安装
- [Unity3D·CSV篇]04.CSV高级缓存
- ubuntu 文件恢复
- 初学数据结构---动态查找之二叉排序树