关于DOM获取文本结点属性值的解释

最新推荐文章于 2023-01-15 20:54:37 发布
最新推荐文章于 2023-01-15 20:54:37 发布
阅读量142 收藏
点赞数
分类专栏： XML 文章标签： Blog
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aguang110/article/details/83763132
版权
在DOM中,节点类型有很多,常见的有三种:元素节点,文本节点,属性节点.对于如下的DOM片断:
Java代码 复制代码
  1. <p>test for text node</p>  
<p>test for text node</p>

如何获取标签之间的内容(test for text node)呢?
其实<p>和"test for text node"都是DOM中的节点,只不过 前者是过元素节点,后者是文本节点罢了,并且 前面的元素节点是后面的文本节点的父节点.
所以获取的方法就很简单了:
1.获取<p>标签所对应的节点对象.
2.获得<p>节点对象的子节点集,通过索引号(这里为0)来得到文本节点对象.
3.通过文本节点对象获取其属性值.
转 http://spllot.iteye.com/blog/473227
aguangs
关注
专栏目录
【JS笔记】JS中的DOM对象以及通过JS获取DOM结点，操作DOM属性、DOM增删改查
✅ Java 开发工程师，从事 Web 应用程序的研发，擅长 Spring、SpringBoot 等技术。 ✅ 热爱编程，业余时间学习新知识，通过 CSDN 记录学习心得和笔记内容。
11-09 1937
DOM，全称是：Document Object Model，文档对象模型，它主要是用于描述HTML文档对象的。一个HTML页面是由许多的标签组成的，例如：html、head、body、div等等标签元素，JS里面将整个的HTML作为一个document文档来进行管理，其中HTML里面的每一个标签都是一个DOM结点。HTML里面所有的DOM结点构成了一颗DOM树，这就有点类似于二叉树了，只不过DOM里面的树是多叉树，因为HTML里面的标签里面可以嵌套许多其他的标签。...
JavaScript之DOM常用属性及方法详解
发果叁
10-21 8161
自定义属性目的∶是为了保存并使用数据。有些数据可以保存到页面中而不用保存到数据库中。自定义属性获取是通过getAttribute ('属性〉获取。element.getAttribute(‘属性’)//自己定义的element.setAttribute(‘属性’,‘值’)//主要针对自定义属性removeAttribute(‘属性’)但是有些自定义属性很容易引起歧义，不容易判断是元素的内置属性还是自定义属性。H5给我们新增了自定义属性设置H5自定义属性H5规定自定义属性data-开头做为属性名并且赋值。
DOM进阶（获取节点）
qq_61483796的博客
08-31 507
DOM节点相关知识
DOM 获取DOM元素节点
m0_55832273的博客
07-28 546
文章目录1.什么是DOM？节点的类型DOM可以做什么？2.获取DOM元素节点获取元素节点getElementByIdgetElementsByTagName()getElementsByNamegetElementsByClassName()querySelector()querySelectorAll()例 1.什么是DOM？ DOM：document object model 文档对象模型。 DOM是由节点组成的。 节点的类型 元素节点：HTML标签 文本节点：标签中的文字（包含空格和换
DOM学习笔记1—获取并操作文本节点的值
u014393500的博客
01-06 188
代码分割线＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-...
java dom属性节点_DOM中元素节点、属性节点、文本节点的理解
weixin_34135180的博客
03-04 413
节点信息每个节点都拥有包含着关于节点某些信息的属性。这些属性是：nodeName(节点名称)nodeValue(节点值)nodeType(节点类型)nodeTypenodeType属性可返回节点的类型。最重要的节点类型是：元素类型节点类型元素(ELEMENT_NODE)1属性(ATTRIBUTE_NODE)2文本(TEXT_NODE)3注释(COMMENT_NODE)8文档(DOCUMENT_N...
JS操作dom元素（一）——获取DOM节点的六种方式
weixin_44867717的博客
07-06 6212
dom元素
Dom 结点创建 基础知识
09-05
` 获取 `<div>` 元素结点的“id”属性的值。 Dom 结点创建的示例代码 以下是 Dom 结点创建的示例代码： ``` var body = document.body; var html = document.documentElement; var div = document.createElement(...
教你javascript克隆dom结点,浅复制结点,深复制结点
04-09
深复制不仅复制节点本身，还递归地复制所有子节点以及属性值，包括引用类型的属性也会创建新的副本。这样，新创建的节点和原始节点及其所有子节点都是独立的，修改不会互相影响。 二、`cloneNode()`方法 `cloneNode...
JavaScript DOM操作详解：获取与操作元素、属性和文本
"本文主要介绍了JavaScript中的DOM操作，包括结点的概念、结点类型、结点关系以及如何获取和操作元素结点、属性结点、文本结点，同时还涉及到了动态改变DOM结构的方法和动态调整元素CSS样式的基本技巧。" 在...
DOM简介、HelloWorld、文档节点、获取元素节点、元素的属性和方法——DOM
weixin_70320000的博客
11-26 2476
DOM简介、HelloWorld、文档节点、获取元素节点、元素的属性和方法
dom获取文本内容的方法
最新发布
qq_55748881的博客
01-15 1516
dom获取文本内容的方法，和文本节点获取内容方法
dom(一)——获取文本内容的方法
热门推荐
AlexDQ的博客
03-22 2万+
在利用DOM获取节点之后 有多种方法可以获取节点中的文本内容   1. innerHTML innerHTML可以作为获取文本的方法也可以作为修改文本内容的方法 element.innerHTML 会直接返回element节点下所有的HTML化的文本内容         文本         文本          document.body.innerH
dom节点获取文本的方式
b741759587的博客
07-10 692
1. innerHTML innerHTML可以作为获取文本的方法也可以作为修改文本内容的方法 element.innerHTML 会直接返回element节点下所有的HTML化的文本内容 <body> <div>文本</div> <div>文本</div> ...
JS DOM获取元素节点文本内容
qq_46275230的博客
04-17 8711
JS DOM获取节点文本内容 innerText 获取纯文本 <body> <div class="one"><p><span> 小情歌 </span></p></div> <script> let one = document.querySelector(".one") console.log(one.innerText); ==>"小情歌" </scrip
Javascript和Jquery对DOM节点的文本创建、获取及操作
xiaoxiaoshuai__的博客
03-18 4399
Javascript和Jquery对DOM节点的文本创建、获取及操 javascript和jquery获取，添加，删除等操作DOM节点，文本及属性 如：JS:atteibutes/firstChild/appendChild()/getAttribute() JQ: attr()/next()/siblings()/append()/remove()等 一，Javascript DOM节点...
Dom节点操作常用方法和获取文本内容
weixin_33698823的博客
12-04 596
2019独角兽企业重金招聘Python工程师标准>>> ...
浅析~DOM结构中的元素节点、属性节点、文本节点
风一样的少年
08-28 1万+
首先明确什么是DOM： DOM=DocumentObjectModel，文档对象模型，DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构 DOM是表示和处理一个HTML或XML文档的常用方法 DOM的设计是以对象管理组织（OMG）的规约为基础的，因此可以用于任何编程语言。最初人们把它认为是一种让JavaScript在浏览器间可移植的方法，不过DOM的应用已经远远超出这个范围...
Morris算法遍历二叉树
qq_40585050的博客
09-09 676
中序遍历步骤 如果当前节点左子节点(cur.left)为空，输出当前节点(cur)，进入右子节点(cur.right)。 如果当前节点左子节点(cur.left)非空，找到当前节点左子树的最右节点(mostRight)： 1）如果该节点的右子节点(mostRight.right)为空，则将其指针指向当前节点(cur)，进入左子节点(cur.left)。 2）如果该节点的右子节点(mostRight.right)非空，则将其指针置为空，输出当前节点(cur)，进入右子节点(cur.right)。
JavaScript DOM操作：元素、属性和文本节点详解
"本文主要探讨JavaScript中的DOM节点，包括元素节点、属性节点和文本节点，旨在帮助读者理解和掌握如何在JavaScript中操作HTML元素及其属性。" 在JavaScript中，DOM（Document Object Model）是一种用于表示HTML或...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值