`
hybxiaodao
  • 浏览: 246689 次
  • 性别: Icon_minigender_1
  • 来自: 福州
社区版块
存档分类
最新评论

关于nextSibling和nodeValue

阅读更多

<input type="radio" name="radio1" value="A" />A

<input type="radio" name="radio1" value="B" />B

<input type="radio" name="radio1" value="C" />C

<input type="radio" name="radio1" value="D" />D

 

document.getElementsByName('radio1').item(0).nextSibling.nodeValue获取A的值

A也是个对象,不过是用nextSibling直接获得的
文档其实可以描绘为一个树形结构,Tree的每个节点表现为一个HTML标记或者HTML标记内的文本项。

nextSibling是获得当前对象的下一个对象
nodeValue是返回一个节点的值

分享到:
评论

相关推荐

    js nextSibling属性和previousSibling属性概述及使用注意

    `nextSibling`和`previousSibling`属性是DOM中的两个关键属性,它们允许开发者在文档树中移动,查找当前节点的相邻兄弟节点。 1. `nextSibling`属性 `nextSibling`属性返回当前节点的下一个同级节点。如果当前节点...

    jquery使用经验小结

    1,今天发现jquery获取的dom对象除了...访问是nextSibling.nodeValue; &lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt; &lt;ti

    JS操作元素方法

    * DOM 元素的属性包括 childNodes、firstChild、lastChild、nextSibling、nodeValue 等。 * DOM 元素的方法包括 getElementById、getElementsByTagName、hasChildNodes、getAttribute 等。 * W3C DOM 是用于访问和...

    DOM节点中元素节点与文本节点操作方法.pdf

    // 获取第一个子节点console.log(oDiv.nextSibling.nodeValue); // 文本节点2console.log(oDiv.previousSibling); // null因为它是第一个子节点console.log(oDiv.nextElementSibling); //&lt;/div&gt;&lt;div&gt;b&lt;/div&gt;`注意:...

    JS 如何获取radio选中后的值及不选择取radio的值

    var 美元 = document.getElementsByName("money")[0].nextSibling.nodeValue; var 日元 = document.getElementsByName("money")[1].nextSibling.nodeValue; var 欧元 = document.getElementsByName("money")[2]....

    js DOM学习笔记11

    每个节点都有三个基本属性:nodeType、nodeName 和 nodeValue。nodeType 属性表示该节点的类型,nodeName 为元素的标签名称,nodeValue 为元素标签的值(通常指的是改标签的内容,但里面的文本不属于这个值 文本属于...

    dom启蒙读书笔记和测试代码

    3. **遍历DOM**:通过`childNodes`和`parentNode`属性可以遍历DOM树,`nextSibling`和`previousSibling`则用于遍历同一层级的兄弟节点。 4. **事件处理**:DOM支持事件监听,如`addEventListener`和`...

    xmldom.zip

    5. 遍历节点:`childNodes`和`parentNode`属性用于遍历节点的子节点和父节点,`nextSibling`和`previousSibling`则用于遍历同一级别的兄弟节点。 6. 事件处理:虽然XMLDOM主要用作静态数据处理,但也可以通过绑定...

    JavaScript DOM编程艺术 附录.pdf

    DOM提供了丰富的属性和方法来处理节点,如`nodeValue`用于获取或设置节点的值,`attributes`用于访问元素的属性集合,`firstChild`、`lastChild`、`nextSibling`和`previousSibling`等用于访问兄弟节点。 #### 查找...

    整理JavaScript对DOM中各种类型的元素的常用操作

    - `previousSibling` 和 `nextSibling`: 分别用于访问当前节点的前一个和后一个兄弟节点。 对于节点的操作,JavaScript提供了以下方法: 1. `appendChild()`: 在当前节点的子节点列表末尾添加新节点。 2. `...

    php怎么得到dom元素.docx

    - `nextSibling` 和 `previousSibling`: 返回当前节点的下一个和上一个兄弟节点,只读。 - `nodeValue`: 返回节点的文本,可读写。 - `PreserveWhiteSpace`: 指定是否保留空白,可读写。 2. **方法**: - `...

    javascript 操作xml_dom对象整理集合

    如`childNodes`、`children`、`parentNode`、`firstChild`、`lastChild`、`nextSibling`和`previousSibling`等,它们用于遍历和定位节点。 4. **选择和查找节点** `getElementById`、`getElementsByTagName`、`...

    Xml.rar_dll XML_vc xml dll_xmldomfile

    2. 遍历和访问节点:通过`getElementsByTagName`、`childNodes`、`firstChild`、`nextSibling`等方法获取特定类型的节点或者遍历整个文档结构。 3. 修改节点:可以使用`nodeValue`属性更改文本节点的值,或者使用`...

    dom_xml.rar

    DOM模型将XML文档解析成一个树形结构,允许我们通过节点之间的关系来操作和查询XML内容。本教程主要介绍如何利用Python的`xml.dom.minidom`模块解析XML文件,并根据某节点的文本值获取其兄弟节点的文本值。 首先,...

    Ajax基本对象的属性和方法

    4. nextSibling:返回紧跟在当前元素后面的元素。 5. NodeValue:指示表示元素值的读/写属性。 6. parentNode:返回元素的父节点。 7. previousSibling:返回紧邻当前元素之前的元素。 方法 Ajax 基本对象的方法...

    xm document对象模型手册

    - **遍历节点**:`childNodes`属性返回所有子节点,`firstChild`和`lastChild`分别指向第一个和最后一个子节点,`nextSibling`和`previousSibling`则用于遍历兄弟节点。 - **创建和插入节点**:使用`createElement...

    HTML文档对象模型

    3. **遍历DOM**:`childNodes`属性返回元素的所有子节点,`firstChild`和`lastChild`分别指向第一个和最后一个子节点,`nextSibling`和`previousSibling`则用于访问相邻的兄弟节点。 4. **创建和修改节点**:`...

    DOM对象中的节点操作.pdf

    主要的遍历方法包括parentNode、firstChild、lastChild、previousSibling和nextSibling。parentNode返回当前节点的父节点,firstChild返回当前节点的第一个子节点,lastChild返回当前节点的最后一个子节点,...

    Javascript操作XML和HTML

    - `root.childNodes[0].nodeValue`和`root.childNodes[0].text`:获取第一个子节点的节点值和文本内容。 通过以上知识点的学习,我们可以灵活使用JavaScript来对网页中的XML和HTML进行操作,完成各种复杂的网页交互...

    9.DOM对象.zip

    3. **遍历节点(Traversing Nodes)**:`parentNode`、`childNodes`、`firstChild`、`lastChild`、`nextSibling`和`previousSibling`等属性可以帮助我们遍历整个DOM树,访问或操作各个节点。 4. **创建和修改节点...

Global site tag (gtag.js) - Google Analytics