现在在js中要获取兄弟节点有两种常用的方法,一种是利用js来遍历,另一种是利用jquery来获取,下面小编来给大家介绍一下.比如一个ul里面有10个li,而第3个li上有特殊的样式(比如颜色为红色,其他为黑色)。我想把其他所有li——不包括红的li——的颜色也设为红色,此时,就需要获得红li的所有兄弟节点。兄弟,就是和你平辈的,既不是上一级也不是下一级,而且可能有比你大的(兄),也可能比你小(弟)
HTML代码是这样的<div>                 <p>             
原创 2014-10-11 11:21:10
388阅读
1. 通过顶层document节点获取:(1) document.getElementById(elementId):该方法通过节点的ID,可以准确获得需要的元素,是比较简单快捷的方法。如果页面上含有多个相同id的节点,那么只返回第一个节点。 如今,已经出现了如prototype、Mootools等多个JavaScript库,它们提供了更简便的方法:$(id),参数仍然是节点
转载 2023-06-08 13:54:23
215阅读
1. 通过顶层document节点获取:(1) document.getElementById(elementId):该方法通过节点的ID,可以准确获得需要的元素,是比较简单快捷的方法。如果页面上含有多个相同id的节点,那么只返回第一个节点。 如今,已经出现了如prototype、Mootools等多个JavaScript库,它们提供了更简便的方法:$(id),参数仍然是节点
转载 2023-06-19 16:48:15
425阅读
JS基础-DOM操作一、获取元素节点二、获取元素节点的子节点三、获取节点和兄弟节点四、补充querySelector() 根据css选择器查询持续更新 这是我的学习笔记,学的时候记录,后续方便查找复习。 一、获取元素节点通过document对象调用。1、getElementById() 根据 id 属性获取 一个 元素节点对象; 2、getElementByTagName() 根据 标
DOM (Document Object Model):文档对象模型,DOM的目标: 浏览器为js提供的操作网页文档的接口(apl),浏览器渲染解析文档为dom树,js可以通过dom,来操作节点树。 节点的类型 文档节点 : Document 整个文档 元素节点: Element html元素 文本节点: Text 文本 注释节点: Comment 注释 属性节点: Attr 属性节点是可获取
         1. 通过顶层document节点获取:            (1) document.getElementById(elementId):该方法通过节点的ID,
1、访问父节点 parentNode : Node 类型,返回指定节点的父节点,如果指定节点没有父节点,则返回 null<div id="box"> <p id="hello">hello world!</p> </div> <script> var hello=document.getElementById("hello"); c
转载 2023-06-06 11:39:05
914阅读
1,js获取节点:  父: parentNode 获取已知节点的父节点。  子: childNodes; 得到全部子节点    children 得到全部子节点    firstChild 获得第一个子节点    lastChild 获得最后一个子节点  兄弟:previousSibling 获取已知节点的前一个节点  nextSibling 获取已知节点下一个节点2,jq获取节点:    $('
节点的属性{ nodeType 是节点的类型; nodeNam 是节点的名字 nodeValue 节点的值 }可以用节点.属性 取得三个属性的值节点.nodeType 出来的结果代表类型、如果是:               
js获取元素节点对象
原创 2022-01-21 10:29:15
88阅读
一、js获取节点的方式1.通过获取dom方式直接获取节点 其中test的父标签id的值,div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。var a = document.getElementById("test").getElementsByTagName("div");2.通过childNodes获取节点 使用chi
转载 10月前
318阅读
08.19自我总结 js|jq获取兄弟节点,父节点,子节点 一.js 二.jq
原创 2021-06-04 18:26:57
499阅读
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; }
获取节点,兄弟节点以及子节点然后遍历存起来以后看方便 介绍下js获取节点的兄弟、父级与子元素的方法,学习下js遍历节点的操作方法,有需要的朋友参考下。先说一下JS获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比。JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素。复制代码代码示例: 原生的JS获取ID为test的元
转载 2023-08-02 15:42:24
428阅读
1.获取所有子节点 在Javascript中,可以通过 children来获取所有子节点。 语法:nodeObject.children 其中,nodeObject 为节点对象(元素节点),返回值为所有子节点的集合(数组)。 例如,获取 id="demo" 的节点的所有子节点: document.getElementByIdx_x
接口 nodeType常量 nodeType值 备注
转载 精选 2011-04-22 14:41:05
355阅读
js获取元素节点对象
原创 2021-07-02 10:34:39
187阅读
接口nodeType常量nodeType值备注ElementNode.ELEMENT_NODE1元素节点TextNode.TEXT_NODE3文本节点DocumentNode.DOCUMENT_NODE9
原创 2022-08-04 13:36:23
255阅读
  • 1
  • 2
  • 3
  • 4
  • 5