有哪些方式可获取元素节点,哪种最方便

js中获取页面元素节点的几种方式

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title>  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" > <scr

获取元素节点 & 操作属性节点

1.html 文档编写 js 代码的位置: window.onload事件在整个html文档被完全加载完再执行, 所以可以获取html文档的任何节点 js-window-onload.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="t

JavaScript获取元素节点一共有三种方法,分别是通过元素ID.通过标签名字和通过类名字来获取: 1.通过元素ID属性的ID值来获得元素对象-getElementById() DOM提供了一个名为getElementById()的方法,这个方法将返回一个与括号里有着一样id值的元素节点对应的对象.他是document对象特有的函数,这个函数的参数只有一个,只能是你想要获得的元素的ID值,这个值必须放在单引号或者双引号里面. 注意:JavaScript语言区分字母大小写,所以在写getElem

根据ClassName获取元素节点

功能描述: 通过ClassName获取元素节点,并解决兼容性问题实现效果: 编码思路: 利用getElementsByTagName选出所有元素,再根据ClassName条件进行筛选代码示例:

JS（原生js和jq方式）获取元素属性（自定义属性），删除属性（自定义属性）

JS(原生js和jq方式)获取元素属性(自定义属性),删除属性(自定义属性) 以下内容: 一.获取元素的属性二.设置元素的属性三.删除元素的属性一.获取元素的属性 1-原生JS 获取属性 .getAttribute("属性") 2-jquery 获取属性 .attr("属性") 示例代码 /*jq获取属性*/ var temp = $('.test1').attr('class'); /*js获取属性*/ var temp = document.getElem

获取元素节点的子节点 & 获取文本节点

1. 获取元素节点的子节点(**只有元素节点才有子节点): ①. childNodes 属性获取全部的子节点, 但该方法不实用. 因为如果要获取指定的节点的指定子节点的集合, 可以直接调用元素节点的 getElementsByTagName() 方法来获取. ②. firstChild 属性获取第一个子节点 ③. lastChild 属性获取最后一个子节点 dom-getNod

Javascript及Jquery获取元素节点以及添加和删除操作

用了javascript和jquery很久,把所有元素节点的操作总结了下,放在博客上作为记录. Javascript获取元素的主要方式有三种 1.document.getElementById('main'):表示从document中查找一个id是main的dom节点.(这个跟$('#main')的作用是一样的) 2.通过名称name选取元素document.getElementsByName("domName") a. 返回值是一个nodeList集合(区别于Array) b. 和I

关于dom获取元素的几种方式

原文链接:https://blog.csdn.net/levinhax/article/details/71274456 获取元素DOM对象有很多种方法,以前一直在用getElementById和getElementsByTagName等,现在对这些方法和querySelector做一个总结．常见的获取元素的方法有3种,分别是通过元素ID.通过标签名字和通过类名字来获取. DOM提供了一个名为getElementById的方法,这个方法将返回一个与之对应id属性的节点对象,它是document

jquery中获取元素的几种方式小结

1 从集合中通过指定的序号获取元素 html: 复制代码代码如下: <div> <p>0</p> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> <p>7</p> </div> JS 复制代码代码如下: <script typ

javascript中获取元素节点的文本

<div id="test"> <strong>i'm strong</strong> </div> 1.elementNode.innerHTML 返回的值是<strong>i'm strong</strong> 2.elementNode.innerText 返回的值是i'm strong 3.elementNode.textContent 返回的值是i'm strong 4.elementNode.child

怎样通过id属性值获取元素节点

方法1: 使用document.getElementById(); 方法2: 使用document.querySelector(); document.getElementById("app"); document.querySelector("#app"); 注意: 1. 方法1比方法2的效率高很多, 建议使用方法1; 2. 两个方法都是直接返回目标元素节点, 而非节点集合对象; 3. getElementById()方法只能作用在document对象上;

怎样通过html标签名获取元素节点集合

方法1. 使用document.querySelectorAll(); 方法2. 使用document.getElementsByTagName(); document.querySelectorAll("div"); document.getElementsByTagName("div"); 注意: 1. 方法1返回的是一个NodeList实例对象, 方法2返回的是一个HTMLCollection实例对象; 2. 两个方法都可以作用在特定的元素节点上, 不一定是d

怎样通过CSS选择器获取元素节点或元素节点集合

使用 document.querySelector() 和 document.querySelectorAll(), 将 CSS选择器作为参数传入即可. // 标签选择器 document.querySelector("div"); // id选择器 document.querySelector("#app"); // 组选择器 document.querySelector("body div"); 注意: 1. querySelecotor

js中用tagname和id获取元素的3种方法

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>3种用tagname和id获取元素的方法</title> <style> body{ margin: 0; } ul{ margin: 0; padding: 0; list-style: none; } h1{ margin: 0; } <

js获取元素得几种情况

HTML代码 <div class="divClass" name="myClass"> <input type="password" name="aa" id="1" value="1" class="a"> <input type="password" name="aa" id="2&

原生j获取元素的几种方法

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id='div'></div> <div class='div'></div> <div class='div'

jquery获取元素节点

常用到的知识点,在此记录,以便查阅 $('.test').parent();//父节点 $('.test').parents();//全部父节点 $('.test').parents('.test1');//含有类名.test1的父节点 $('.test').children();//全部子节点 $('.test').children('li');//元素为li的全部子节点 $('.test').prev();//上一个兄弟节点 $('.test').prevAll();//之前所有兄弟节点 $

[TimLinux] JavaScript 获取元素节点的5种方法

1. getElementById document.getElementById("id_value") # 返回值为Node对象,没有元素时,返回 == undefined值(两个等号) 2. getElementsByName document.getElementsByName("name_value") # 返回值为NodeList数组,没有元素时,返回空数组[] 3. getElementsByTagName document.getElementsBy

怎样通过name属性获取元素节点集合

使用 document.getElementsByName(); document.getElementsByName("userInfo") instanceof NodeList; // true 注意: 1. 这个方法只对具有name属性的元素有效, 比如 <form> / <radio> / <frame> 等; 2. 返回的是一个NodeList实例对象, 而非HTMLCollection;

怎样快捷获取元素节点head

1. 使用: document.head document.head.nodeName; // "HEAD" 2. 使用: document.getElementsByTagName("head") document.getElementsByTagName("head")[0].nodeName; // "HEAD" 3. 使用: document.querySelector("head").nodeNa

怎样快捷获取元素节点body

1. 使用: document.body document.body.nodeName; // "BODY" 2. 使用: document.getElementsByTagName("body") document.getElementsByTagName("body")[0].nodeName; // "BODY" 3. 使用: document.querySelector("body").nodeNa