js获取节点

最新推荐文章于 2021-01-14 11:11:27 发布
最新推荐文章于 2021-01-14 11:11:27 发布
阅读量561 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lanjie_gunger/article/details/50956909
版权

当然了，首先DOM中有三种节点，元素节点，属性节点，文本节点


一、获取元素节点

document.getElementById(“xx”)//document对象的方法

document.getElementsByTagName(“li”);//Node接口的方法,根据元素本身的名字来获取

document.getElementsByName(“gender”);//根据元素的name属性来获取，如果元素没有name属性，IE是获取不到的，但是Chrome可以获取到。

二、获取属性节点

Document.getElementByid(“xx”).value//value是xx元素中的一个属性

三、获取元素节点的子节点

Document.getElementById(“xx”).childNodes//获取指定元素所有子节点

Document.getElementById(“xx”).getElementsByTagName(“li”)//获取指定元素所有li子节点

Document.getElementById(“xx”).firstChild//获取指定元素的第一个子节点

Document.getElementById(“xx”).lastChild;//获取指定元素的最后一个子节点

四、获取元素的文本节点

Document.getElementById(“xx”).firstChild//定位到指定元素的文本节点

Document.getElementById(“xx”).firstChild.nodeValue//显示文本节点的值

lanjie_gunger
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
原生js获取所点击节点的所有兄弟节点(包括自己本身)
胡乱选一个
05-07 1501
parentNode方法详解 <div class="header-item" onclick='checked(this)'></div> function checked(even){ //获取所点击节点的父节点 const parent = even.parentNode; //获取所点击节点的父节点的所有子节点 const childrens = parent.children; //对节点进行一些操作 //给所点击节点添加样式 //event.
JS 之Node节点的 属性、方法 &获取
热门推荐
xiongfeng
10-22 2万+
JS Node节点的常见属性和方法使用 & 如何获取相应节点和值 一、节点的常用属性和方法 （一）通过具体的元素节点调用如下方法和属性 《1》getElementsByTagName() 方法，获取当前节点的指定标签名孩子节点 《2》appendChild(oNode) 方法给标签对象添加子节点。oNode是要添加的子节点。 《3》removeChild(oNode) removeChild方法删除子节
JS获取节点
qq_36800701的博客
01-20 347
JS获取节点
JS 获取节点属性值
hedafighter2011的专栏
07-03 1万+
getAttribute()方法 通过元素节点的属性名称获取属性的值。 语法： elementNode.getAttribute(name) 说明: 1. elementNode：使用getElementById()、getElementsByTagName()等方法，获取到的元素节点。 2. name：要想查询的元素节点的属性名字 示例： getAttribute()
获取节点值的方式
weixin_30379531的博客
03-15 294
childNodes.item(k).getFirstChild().getNodeValue() childNodes.item(k).getTextContent() 　　　　　　<a value="属性值">文本</a> 　　 注意　　　　getNodeValue()　　获取的一般是，　　 属性 　　　　　　getTextContent()　　获取的是，...
js获取节点方法1
08-08
本文将详细介绍几种常见的JavaScript获取节点的方法，并探讨如何读写属性节点。 首先，我们关注的是通过不同的方式来获取元素节点： 1. **通过ID获取元素**：这是最直接的方法，`getElementById()`函数接受一个...
javascript获取节点
02-20
JavaScript获取节点是Web开发中的基础技能，特别是在使用jQuery库时更为常见。JavaScript原生提供了多种方法来操作DOM（文档对象模型）中的节点，而jQuery则提供了更为简洁和跨浏览器的API，使得这些操作更为便捷。 ...
JS获取父节点方法
10-29
本文将详细介绍几种常用的JS获取父节点的方法。 首先，我们可以通过顶级节点`document`来获取元素。`document.getElementById(elementId)`是最常见的方式，通过元素的ID直接获取特定节点。如果ID在页面上是唯一的，...
jquery获取节点名称
10-24
在本篇文章中，我们将深入探讨如何使用jQuery获取节点名称，以及jQuery对象与DOM对象之间的转换。 首先，jQuery的`get(index)`方法用于从jQuery对象集合中获取指定索引的DOM元素。例如，如果你有一个ID为`test`的...
JS 动态获取节点代码innerHTML分析 [IE,FF]
10-29
JavaScript中的动态获取节点和操作节点是前端开发中的常见任务，特别是在处理DOM（Document Object Model）时。本篇文章主要探讨了在Internet Explorer（IE）和Firefox两种浏览器环境下，如何使用`innerHTML`属性...
获取节点的值
weixin_30836759的博客
07-07 357
获取节点的值 如果使用XmlElement类型的节点的Value属性，得到的值只有null，要使用InnerText和InnerXml，就可以获取XmlElement开标记和闭标记之间的信息。 创建新节点 使用XmlDocument和XmlNode类中的新方法创建新的XmlNode和XmlElement 插入新节点 插入实例： private void button2_Cl...
js如何获取文本节点的值?
xyjikl
12-12 9141
两种方法： 比如有个文本节点：this is value 1、通过document对象获取： var obj=document.getElementById("test"); //非Mozilla浏览器： obj.innerText; 2、其他的浏览器 obj.firstChild.nodeValue;
获取节点值（json或xml）
xiaoxsheep的博客
01-14 523
1、json 通过路径获取节点 1、所需jar <dependency> <groupId>com.jayway.jsonpath</groupId> <artifactId>json-path</artifactId> </dependency> 2、简单例子 String json = "{\r\n" + " \"orgCode\": \"string\",\r\n" + " \"params\": {\r\n
获取结点的值
qq_22029211的博客
11-12 251
JavaScript获取节点的方法大全
qq_42889406的博客
10-26 1万+
1. 通过document节点获取 1.1 通过ID 语法：document.getElementById（“id”）； 特点： 应用场景： 推荐指数： 示例： 1.2 通过标签名 语法：document.getElementById（“id”）； 特点： 应用场景： 示例： 1.3 通过name值 语法：document.getElementById（“id”）； 特点： 应用场景： 示例： 1.4 通过class 语法：document.getElementById（“id”）； 特点： 应用场景： 示
获取文本节点的值
shitouPlus的博客
11-11 1281
获取文本节点的方法有很多，下面就总结一下： 1>x.firstChild.data:获取元素第一个子节点的数据 2>x.childNodes[0].nodeValue:这种方法兼容行更好一些 3>x.innerHTML：这种方法使用于元素里面只有文本节点的情况 4>x.childNodes[0].textcontent:这种方法不支持ie8之前的版本 个人还是推荐第二种方法，这种方法的兼
js DOM ( 文档对象模型 ) ： 获取节点、节点只读属性
sleepy_girl的博客
07-25 495
DOM：Document Object model 文档对象模型 html元素标签六大公共属性：class、id、title、name、style、data-* 获取节点（元素）: 通过 id 获取：var user= document.getElementById('user'); //若获取得到返回一个原生DOM元素，找不到则返回null 通过class 类名获取： ...
各种组件的js 获取值 / js动态赋值
weixin_33971977的博客
03-07 572
jQuery获取Select选择的Text和Value:语法解释：1. $("#select_id").change(function(){//code...});   //为Select添加事件，当选择其中一项时触发2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text3. var c...
js 原生获取节点样式
最新发布
09-01
在 JavaScript 中，可以使用 getComputedStyle() 方法来获取节点的样式。该方法接受一个参数，即要获取样式的节点。 使用方法如下： ```javascript var element = document.getElementById('myElement'); // 获取节点 var styles = window.getComputedStyle(element); // 获取节点样式 ``` 当调用 getComputedStyle() 方法时，它会返回一个对象，包含了指定节点的所有样式属性和对应的值。可以通过对象的属性来访问节点的样式值，比如要获取节点的颜色属性可以使用 `styles.color`。 下面是一个例子，演示如何获取节点的样式值： ```html <!DOCTYPE html> <html> <head> <style> #myElement { width: 200px; height: 100px; background-color: red; color: white; font-size: 20px; } </style> </head> <body> <div id="myElement">Hello, World!</div> <script> var element = document.getElementById('myElement'); var styles = window.getComputedStyle(element); console.log('Width:', styles.width); // 输出节点的宽度值为 '200px' console.log('Height:', styles.height); // 输出节点的高度值为 '100px' console.log('Background color:', styles.backgroundColor); // 输出节点的背景颜色为 'rgb(255, 0, 0)' console.log('Color:', styles.color); // 输出节点的文本颜色为 'rgb(255, 255, 255)' console.log('Font size:', styles.fontSize); // 输出节点的字体大小为 '20px' </script> </body> </html> ``` 通过以上例子，我们可以看到，使用 getComputedStyle() 方法可以方便地获取节点的样式值，从而进行样式的修改和操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值