DOM 查询（获取元素节点）

1.通过标签的 id 属性值获取

1 document.getElementById( id属性值 )

2.通过标签的 class 属性值获取

document.getElementsByClassName( class属性值 )

3通过标签名获取

1 document.getElementsByTagName( 标签名 )

4通过标签的 name 属性值获取

1 document.getElementsByName( name属性值 )

5通过 CSS 选择器?式获取

querySelector()

querySelectorAll()

时间： 2024-12-23 23:19:56

DOM 查询（获取元素节点）的相关文章

获取元素节点（DOM基础）

一.DOM 简介:以一种独立于平台和语言的方式访问和修改(添加.移动.改变或移除的方法和属性)一个文档(主要是网页)的内容和结构.是表示和处理一个HTML或XML文档的常用方法. 节点的定义:D(Web网页文档)O(document对象)M(网页文档的树形结构)M中树形结构可以理解为由节点组成.把每个标签看作一个节点. 节点的分类:以一个完成的标签为例<div id ="box">测试Div</div> 元素节点:是标签<div></div

轻松学习JavaScript二十一：DOM编程学习之获取元素节点的子节点和属性节点

我们这里所说的获取元素节点的所有子节点包含元素子节点和文本节点两种.还是拿上一篇博文的代码实例进行分析: <span style="font-size:18px;"><span style="font-size:18px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1

DOM: 如何获取元素下的第一个子元素

Element.firstChild ?,是的,这是第一种方法,当然,通常来说支持 W3C 规范的浏览器,如 Firefox 等取到的应该是 TEXT_NODE.很早之前,或者说现在最流行的方法可能是: // 让我们假设要将它抽象出来,变成一个 util 对象的方法 var util = {}; util.first = function(element) { if(!element) return; var first= element.firstChild; // 处理 w3c 浏览器中第一

JavaScript之怎样获取元素节点

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

JS获取元素节点的子节点

1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 5 <titl

根据ClassName获取元素节点

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

获取元素节点

1.大纲关于获取元素节点,主要有三种方式. getElementById() getElementsByTagName() getElementsByName() 2.第一种方式程序在编写 HTML 文档时, 需确保 id 属性值是唯一的. 该方法为 document 对象的方法. 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>I

js通用方法获取元素,节点父子关系查找

/* *通用方式来获取元素 * 1.通过id来获取元素document.getElementById('属性名') * 2.通过便签名来获取元素document.getElementsByTagName('属性名');得到的是一个数组 * 3.通过class属性来获取元素有兼容性问题document.getElementsByClassName('class属性名');得到是一个数组 * 4.通过name属性来获取元素存在兼容性问题document.getElementsByName('name

JavaScript DOM编程学习笔记-获取元素节点

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> window.onload = function() { //在编写html文档时需要确定id属性值是唯一的 //该方法为doc

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