ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
# 1、获取标签内的内容(文本或代码) * innerHTML ​ 获取/设置元素里的html内容 * innerText ​ 获取/设置元素里面的文本内容 演示获取标签里面内容的代码: ![](https://img.kancloud.cn/70/0c/700c4c53e98430da184be2d4182325f1_891x290.png) 演示设置标签内容的代码: ![](https://img.kancloud.cn/9e/80/9e80d9fdc2e181f25b2847a15a022821_1022x343.png) # 2、获取节点的类型或者值 * nodeName ​ nodeName 是只读的 ​ 元素节点的 nodeName 与标签名相同 ​ 属性节点的 nodeName 与属性名相同 ​ 文本节点的 nodeName 始终是 #text ​ 文档节点的 nodeName 始终是 #document * nodeValue ​ 元素节点的 nodeValue 是 undefined 或 null ​ 文本节点的 nodeValue 是文本本身 ​ 属性节点的 nodeValue 是属性值 ![](https://img.kancloud.cn/25/6d/256decff195a34cf39dba8323bfd8d00_808x277.png) nodeType:调用nodeType属性会得到一个数字,这个数字表示节点的类型 ​ 元素 1 ​ 属性 2 ​ 文本 3 ​ 注释 8 ​ 文档 9 下面代码演示了使用nodeValue和nodeType的例子: ![](https://img.kancloud.cn/23/b2/23b2c318063807d4b5f0637a0ad4e6df_702x360.png) 下面代码演示了nodeType的其他用法 ![](https://img.kancloud.cn/55/b6/55b6729b18e1dc2df319f069d670e949_911x508.png) > 案例 -- 全选、反选、取消 > HTML代码: ![](https://img.kancloud.cn/7f/7a/7f7ac545f5bd73268b1e0bc1a2efbaa9_623x135.png) ![](https://img.kancloud.cn/44/19/4419758643ac6a961860d2bcc4624025_974x392.png) ![](https://img.kancloud.cn/a7/91/a791a45bf3479a6fc53a398b662e08f1_729x441.png) JS代码: 全选: ![](https://img.kancloud.cn/75/72/75729c0780a5709a0468597559b4125c_862x293.png) 反选: ![](https://img.kancloud.cn/2b/37/2b37a1aaf3a115a0b4ae42e1607ea13c_753x314.png) 取消: ![](https://img.kancloud.cn/dd/37/dd37237d27749873fe921774507f4fbe_862x293.png)