innerHTML和innertext的区别

来源:互联网 发布:特步官方旗舰店淘宝 编辑:程序博客网 时间:2024/05/16 08:46

innerHTML和innertext的区别很容易区分,那什么时候用innerHTML,innertext呢。

innerHTML获取的是标签的内容。而innertext获取的是标签的节点。

我们来举个例子。

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body><ul><li>书上有路勤为径</li><li>学海无涯乐作舟<div>一定要快乐</div></li></ul><script type="text/javascript">     // 获取第二句     var liobj = document.getElementsByTagName("li")[1];     //  innerText     var content1 = liobj.innerHTML;//学海无涯乐作舟<div>一定要快乐</div>,获取li内容 var content2 = liobj.innerText;//学海无涯苦做州,一定要快乐,获取li的节点         console.log(content1);     console.log(content2);</script></body></html>


查看结果:






原创粉丝点击