dom(一)——获取文本内容的方法

在利用DOM获取节点之后有多种方法可以获取节点中的文本内容

1. innerHTML

innerHTML可以作为获取文本的方法也可以作为修改文本内容的方法

element.innerHTML 会直接返回element节点下所有的HTML化的文本内容

<body>
        <div>文本</div>
        <div>文本</div>

</body>
document.body.innerHTML    //返回"<div>文本</div><div>文本</div>";

同样逆向的：

document.body.innerHTM="<div>文本</div><div></div>"会生成

<body>

</body>

！注意 innerHTML方法只能作用于元素节点调用；文本节点并不能使用这个方法返回undefined！

2. nodeValue

nodeValue是一个HTML DOM的对象属性；

同样的可以通过 nodeValue设置节点的文本内容也可以直接返回文本内容

直接用节点对象调用就都可以：如上例

document.getElementsByTagName(div)[0].childNodes[0].nodeValue //返回“文本”

另外 nodeValue 属性并不只存在于文本节点下元素节点和属性节点对象也都具有nodeValue属性

属性节点的 nodeValue属性返回属性值
元素节点的 nodeValue属性返回null

3.textContent

textContent与innerHTML方法类似会返回对象节点下所有的文本内容

但是区别为 textContent返回的内容只有去HTML化的文本节点的内容如上例：

document.body.textContent //返回"文本文本" ！注意在DOM中标签换行产生的空白字符会计入DOM中作为文本节点

另外IE8以前不支持textContent属性

4.innerText

innerText方法与textContent方法类似并且和innerHTML一样也是作用于元素节点上

但是浏览器对于这两种方法解析空白字符的机制不一样；不是很常用

类似的还有outText outHTML等类似操作文本相关的方法，不是很常用不介绍了；

最后要提醒一点：文本与文本节点一定要区分，有些方法是依靠元素节点返回子文本内容，有些方法是文本节点返回自身文本内容，文本节点是对象而文本只是字符串；

dom(一)——获取文本内容的方法相关推荐

VB.net实现从ListView控件中异地获取文本内容源代码
对于一些VB6工程代码来说,需要完成从VB到VB.net的转换,在转换过程中需要注意很多内容,利用VB.net的直接转换功能很少能完全成功,需要我们付出很大的努力. 下面的VB.net代码实现从其他应 ...
DOM编程-获取文本框的value
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...
txt doc rtf html,JAVA读取WORD,EXCEL,PDF,TXT,RTF,HTML文件文本内容的方法示例.docx
JAVA读取WORD,EXCEL,PDF,TXT,RTF,HTML文件文本内容的方法示例 JAVA读取WORD,EXCEL,PDF,TXT,RTF,HTML文件文本内容的方法示例??2012-06-2 ...
JS中通过id或者class获取文本内容
一.JS通过id获取文本内容二.JS通过class获取文本内容
富文本编辑器tinymce获取文本内容和设置文本内容
1.如果当前页面只有一个编辑器: 获取内容:tinyMCE.activeEditor.getContent() 设置内容:tinyMCE.activeEditor.setContent("需 ...
python提取p标签的文本_从p标签获取文本内容
我正在尝试获取此页面上每个块的描述文本内容用于p标签的html看起来像 http://DataMiningBlog.com covers current challenges, interview ...
android+geturl+方法,浅入浅出Android（014）：HTTP GET获取文本内容
1.建立android项目MyApplication 2.修改布局文件activity_my.xml xmlns:tools="http://schemas.android.com/tool ...
JavaScript 技术篇-textContent获取dom节点text文本内容带空格，js获取带空格的dom节点内容
我们用 innerText 获取到的文本信息是除掉空格的.但有时根据需求我们需要获取到完整的文本信息. 请看效果图: 用 textContent 就可以很好的解决了. 喜欢的点个赞❤吧!
python两种获取剪贴板内容的方法
第一种 import win32clipboard import time #速度快容易出错 class niubi(): def lihai(self): while True: #jiantin ...

dom(一)——获取文本内容的方法

dom(一)——获取文本内容的方法相关推荐

最新文章

热门文章