5.DOM（四）获取某个元素的父或兄弟节点，输出文本span.innerHTML；span.innerText；span.textContent；span.firstChild.nodeValue

最新推荐文章于 2024-04-20 16:23:06 发布
最新推荐文章于 2024-04-20 16:23:06 发布
阅读量412 收藏 1
点赞数
分类专栏： DOM 文章标签： html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lazylYYY/article/details/119575635
版权

目录

一：获取某个元素的父节点          let fuqin = c.parentNode;

 二：获取某个元素的兄弟节点

              ①previousSibling 获取当前节点的前一个兄弟节点   (空白)

              ②nextSibling 获取下一个兄弟节点   (空白)

              ③previousElementSibling 获取当前节点上一个兄弟元素(非空白)

              ④nextElementSibling 获取下一个兄弟元素   (非空白)

 三：获取标签里的文本内容

（1）.innerHTML   //会显示标签

（2）.innerText      //不会显示标签

（3）.textContent     //不会显示标签

（4）.firstChild.nodeValue    //通过获取节点值来输出文本（会忽略内部其他标签）

一：获取某个元素的父节点          let fuqin = c.parentNode;

 二：获取某个元素的兄弟节点

              ①previousSibling 获取当前节点的前一个兄弟节点   (空白)

              ②nextSibling 获取下一个兄弟节点   (空白)

              ③previousElementSibling 获取当前节点上一个兄弟元素(非空白)

              ④nextElementSibling 获取下一个兄弟元素   (非空白)

 三：获取标签里的文本内容

（1）.innerHTML   //会显示标签

（2）.innerText      //不会显示标签

（3）.textContent     //不会显示标签

（4）.firstChild.nodeValue    //通过获取节点值来输出文本（会忽略内部其他标签）

美美| ू•ૅω•́)ᵎᵎᵎ
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
python span标签的text属性_python + selenium 获取标签文本的为空解决办法
weixin_39778815的博客
12-05 1830
一、确定元素是否被隐藏link = driver.find_element(*By_xx, 'value').is_displayed()print(link)如果输出结果为False，说明元素被隐藏了。二、解决方法1、修改当前定位元素方式方法(修改定位元素方式，或者修改定位元素的路径等)，使用is_displayed()方法定位元素结果为True。由于webdriver spec的定义，sele...
JS DOM 编程复习笔记--appendChild、textContent、innerText、innerHTML（五）
小帅的编程笔记
10-21 469
上一篇文章中我们使用appendChild()方法将我们创建的DOM元素插入到指定的父元素的最后位置。今天我们继续来看看这几个API，textContent、innerText、innerHTML，它们都是比较常用的，用来获取和设置HTML的内容或者标签。下面我们从appendChild开始 appendChild() 我们来复习一下语法 parentNode.appendChild(childNode); appendChild()将传入的childNode插入到parentNode的最后一个子元素的后
WEB innerHTML中div 和span
demon@blog
02-24 465
使用innerHTML属性来控制DIV和SPAN 今天开发中涉及到对一个层的信息控制，就是控制一个层中显示什么信息，查找资料才知道使用innerHTML属性来控制层的值，这个innerHTML跟表单里面的value属性有点类似，能够控制层的显示值。 　　比如说我一个div层里本来没有值，我处罚一个事件后要显示值，那么就能够使用innerHTML属性了，其实innerHTML属性除了能控制层...
查找某节点的父节点的父节点的父节点下的a元素
北极的冰箱
01-05 5619
//查找span文本等于常量Constant.VDC_NAME的父节点div的父节点的父节点div父节点div下的a元素 driver.findElement(By.xpath("//span[text()=\'" + Constant.VDC_NAME + "\']/parent::div/parent::div/parent::div/a"))
JavaScript 中 innerHTML 属性
ONESTARの博客
08-20 1560
innerHTML 属性浏览器几乎都支持，但不是 DOM 标准的组成，主要用途： 获取文本内容 向标签里面设置内容（可以是HTML代码） 多与 div 或 span 标签配合使用 <html> <head> <title>oneStar</title> </head> <body> <span id...
JS DOM 获取兄弟节点 previousSibling previousElementSibling nextSibling nextElementSibling - Kaiqisan
Kaiqisan的博客
08-17 637
JS DOM previousSibling previousElementSibling nextSibling nextElementSibling ヤッハロー、Kaiqisanすうう、一つふつうの学生プログラマである, 这一次脱离父子关系，讲讲兄弟关系（杠精：为什么不是姐妹，气抖冷！…(略1000字)） previousSibling ：获取它的上一个兄弟节点的信息，如果没有的话就返回null previousElementSibling: 获取它的上一个(非文本节点非注释节点的)兄弟节点的信息，
dom :document、element,如何取父标签和子标签,innertext获取标签内容
weixin_30726161的博客
06-18 476
document拿到的是整个html页面，之后element对标签进行选择拿取,少用id多用class <body> <div class="div1"> <p class="p1">hello 1 p</p> <p class="p1">hello 2 p</p> <...
innerhtml用法 innertext用法 以及innerHTML与innertext的区别
09-05
在网页开发中，DOM（Document Object Model）操作是不可或缺的一部分，`innerHTML` 和 `innerText` 是两个常用的属性，用于处理HTML元素的内容。了解它们的用法和区别对于编写兼容性的JavaScript代码至关重要。 `...
innerHTML，outerHTML,innerTEXT三者之间的区别
10-31
`innerHTML`、`outerHTML` 和 `innerText` 这三个属性是JavaScript中最常用的方法之一，它们分别用于获取或设置元素的HTML内容、整个元素（包括其所有子节点）的HTML代码，以及元素的纯文本内容。虽然这些方法在名称...
js-API 获取元素的相关方式innerText和innerHTMl区别
qq_38964133的博客
03-09 1403
对象可以直接. 其属性 拿到的数据是json队形那么就可以直接点属性 调用 成对标签 修改里面的内容 使用 innertext 不是成对比如input 私用value 按钮的排他功能 获取所有按钮 注册每个按钮点击事件 循环让没被点击的按钮的值为没被点击 被点击的按钮显示的value值为被点击了 this.value 注意为事件注册点击事件，在浏览器加载完就已经注册完毕...
DOM获取父节点和兄弟节点
qq_43383255的博客
09-12 390
通过具体的节点调用: 1.parentNode属性，当前节点的父节点。 2.previousSibling属性，当前节点的前一个兄弟节点(包含空格)。 补充previousElementSibling与previousSibling很类似，不同的是它不包含空格，只看元素，但IE8及以下浏览器不适用。 3.nextSibling属性，当前节点的后一个兄弟节点。 ...
＜前段＞span无法通过innerHTML获取正确宽度
最新发布
qq_43478653的博客
04-20 309
为span添加display: inline-block后，再获取。
XmlDocument 节点的三个属性：InnerText、InnerXml、FirstChild.Value介绍
happy_rita的专栏
07-30 2572
XmlDocument 节点其中有三个属性，InnerText、InnerXml、FirstChild.Value。 XmlDocument doc = new XmlDocument(); doc.LoadXml("content1content2"); string str = "InnerText：" + doc.ChildNodes[0].InnerText + "\r\n" +
name选择器_UiPath选择器介绍
weixin_39614754的博客
11-27 182
要自动执行用户界面中的特定操作，您需要与各种窗口，按钮，下拉列表以及许多其他交互。大多数RPA产品都依靠UI元素在屏幕上的位置来做到这一点，而这种方法一点都不可靠。为了克服这个问题，UiPath Studio使用了我们所谓的选择器。它们以XML片段的形式存储图形用户界面元素及其父元素的属性。在大多数情况下，选择器是由Studio自动生成的，不需要您的进一步输入，尤其是在您要自动化的应用具有静态用户...
JS DOM获取 兄弟和子 元素节点
qq_46275230的博客
04-17 3775
JS DOM获取 兄弟和子 元素节点 children :返回 子节点 集合 获取子元素节点,返回 标签节点 集合 <body> <div class="wrap"> <p>小情歌</p> <p>小情歌</p> </div> <script> let oWrap = document.querySelector(".wrap") console.log(oWrap.
JavaScript DOM编程之innerHTML和innerText操作div和span
OVO_LQ_Start的博客
02-29 279
innerHTML和innerText属性 相同点：都是设置元素内部的内容 不同点： innerHTML，会把后面的“字符串”当作一段html代码来解释并执行。 innerText ，即使后面时一段html代码，也只是将其当作普通的字符串来看待。 <head> <meta charset="UTF-8"> <title></title> ...
JavaScript中innerHTML和innerText使用及简单的函数定义与调用
weixin_45967030的博客
04-25 2214
1.任何标签都有这俩个属性innerHTML innerText 都表示设置标签的文本内容。 如何动态给span标签或者div块标签等等添加文本内容呢? 要使用dom操作 1)给标签设置id属性 通过一个固定的语法:获取id="属性值"的标签对 var 标签对象 = docuement.getElementBy...
document.querySelectorAll获取dom元素赋值innerHTML
05-12
可以使用 `document.querySelectorAll` 获取一组匹配选择器的 DOM 元素，然后通过遍历每个元素并赋值 `innerHTML` 来修改它们的内容。 例如，以下代码选择所有类名为 `example` 的元素，并将它们的内容设置为 `Hello world!`： ```javascript const elements = document.querySelectorAll('.example'); elements.forEach(element => { element.innerHTML = 'Hello world!'; }); ``` 需要注意的是，`innerHTML` 可能会导致安全问题，因为它允许注入恶意脚本。所以如果你需要动态修改内容，最好使用更安全的方法，例如 `textContent` 或 `createElement`。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值