JavaScript获取DOM对象的几种方式

最新推荐文章于 2025-02-28 21:28:44 发布
最新推荐文章于 2025-02-28 21:28:44 发布
阅读量210 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/fantianlong/p/9961075.html
本文详细介绍了HTML文档对象模型(DOM)中常见的操作方法，包括getElementById(), getElementsByName(), getElementsByTagName(), getElementsByClassName(), querySelector(), querySelectorAll()等，以及如何通过document.body, document.forms和document.title直接访问或修改页面元素。

1.getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用

2.getElementsByName() 方法可返回带有指定名称的对象的集合

3.getElementsByTagName() 方法可返回带有指定标签名的对象的集合

4.getElementsByClassName() 方法可返回带有指定类名的对象的集合

5.document.querySelector() 方法可返回匹配指定 CSS 选择器的一个对象的引用

6.document.querySelectorAll() 方法可返回匹配指定 CSS 选择器的的对象的集合

7.document.body提供对 <body> 元素的直接访问

8.document.forms返回对文档中所有 Form 对象引用

9.表单名.控件名.value可以用来获取表单控件的值

9.document.title返回当前文档的标题

转载于:https://www.cnblogs.com/fantianlong/p/9961075.html

获取dom对象(页面元素)的几种方法。
m0_48541096的博客
05-02 669
1.获取dom对象(页面元素) // 1）querySelector...选择方法 // var li1 = document.querySelector("li:nth-child(3)"); // var li1 = document.querySelector(".li1"); // var lis = document.querySelectorAll("li"); // con...
获取DOM对象的方法
weixin_45766103的博客
11-26 653
1.通过id查找对象，返回一个对象 document.getElementById('id名') 2.通过标签名查找对象集合，即使返回0个或者1个，也是返回一个对象集合 document.getElementByTagName('标签名') 3.通过类名查找对象集合，即使返回0个或者1个，也是返回一个对象集合 document.getElementByClassName('类名') ...
获取DOM对象的五种方式
微风的博客
08-15 2773
#获取DOM对象的五种方式 ##一，通过ID获取DOM对象 ``` varxx=document.getElementById（'xx'） ``` ##二.通过签名获取DOM对象 ``` varxx=document.getElementsByTagId（'xx'） ``` ##三.通过类名获取DOM对象（获取的） ``` varxx=document.getElementsByClassName('xx') ``` ##...
JavaScript 获取 DOM 对象的几种常见方式
最新发布
m0_62599305的博客
02-28 1137
Item 1
获取dom页面文档对象的5种方法~js篇
qq_64970126的博客
04-17 2530
1、通过ID获取： document.getElementById( ‘ID名’); 2、通过标签名获取：getElementsByTagName(‘指定的标签’）； 3、通过标签名获取某个标签准确的子元素：’明确的变量‘.getElenentsTagName(‘指定的标签’); 4、h5新增获取元素方法 5、获取特殊元素( body , html )获取body元素
JavaScript DOM 对象详解
xycxycooo的博客
07-16 1201
在 JavaScript 编程中，DOM（Document Object Model）是指文档对象模型，它提供了一组用于与 HTML 文档进行交互的对象。DOM 是一种跨平台的、独立于语言的接口，它将 HTML 或 XML 文档表示为一个树形结构，其中每个节点都是一个对象，代表文档的一部分（如元素、属性、文本等）。通过 DOM，开发者可以添加、删除、修改和查询文档中的元素和内容。通过本文的详细讲解，相信你已经对 JavaScript 中的 DOM 对象有了全面的了解。方法可以通过元素的标签名获取元素集合。
Jquery 获取对象的几种方式介绍
10-26
综上所述，JQuery提供了多种方式来获取页面中的DOM对象，这对于编写动态的网页应用是非常有用。掌握这些方法可以帮助开发者更高效地进行网页元素的查找、过滤和操作。无论是在实现复杂的用户交互还是在进行DOM操作时...
javascript获取dom的下一个节点方法
10-25
本文档详细解释了如何使用JavaScript获取DOM元素的下一个节点，并结合加减按钮实现数字累加的实例，来展示这一技术的应用。 首先，涉及到几个重要的DOM操作方法：`nextElementSibling`和`previousElementSibling`。...
DOM获取元素的几种方式
qq_46492364的博客
05-25 2454
文章目录一、对象1.对象的概念2.对象字面量 # 前言 这部分学习Web API,包括DOM和BOM。JavaScript包括ES、DOM、BOM三个部分，其中ES是ECMAScript，是JavaScript的核心，是一套 一、对象 1.对象的概念 JavaScript中的对象其实就是生活中对象的一个抽象。JavaScript的对象是无序属性的集合。 其属性可以包含基本值、对象或函数。对象就是一组没有顺序的值。我们可以把JavaScript 中的对象想象成键值对，其中值可以是数据和函数。 2.对象字面
JavaScript中DOM对象的思维导图
11-05
JavaScript中的DOM对象是Web开发中不可或缺的一部分，它允许开发者通过编程方式访问和操作HTML和XML文档。DOM，即Document Object Model，是一种标准，用于表示和交互网页内容的标准模型。在这个模型中，整个HTML...
javascript三种获取dom对象的方法
yuzuodeyunwcj的专栏
01-22 827
1、getElementById() getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。 function getValue() { var x=document.getElementById("myHeader") alert(x.innerHTML) } This is a header Click on the h
Javascript-获取DOM元素的五种方法
Ass12454548的博客
01-15 4340
简介本文主要介绍通过JS获取DOM元素的五种方法:1.根据id名获取元素:getElementById;2.根据标签名获取元素:getElementsByTagName,返回一个数组;3.根据类名获取元素:getElementsBClassName,返回一个数组;4.根据name属性获取元素:getElementsByName,返回一个数组;5.根据选择器获取元素:1.querySelector:获取一个元素,推荐使用,用法类似写css;
DOM快速入门——DOM获取元素对象的6种方式
热门推荐
Potry Code的博客
08-02 1万+
目录：一、为什么要获取页面元素？二、获取元素的5种方式：1.根据id获取元素2.根据标签名获取元素3.根据name获取元素4.根据类名获取元素5.根据选择器获取元素三、总结： 一、为什么要获取页面元素？ 例如：我们想要操作页面上的某部分(显示/隐藏，动画)，需要先获取到该部分对应的元素，才进行后续操作。 二、获取元素的5种方式： 1.根据id获取元素 document.getElementById...
10.dom树
qq_38390669的博客
11-17 237
dom tree 当浏览器加载HTML页面的时候，首先就是DOM结构的计算，计算出来的DOM结构就是DOM树（把页面中的HTML标签像树桩结构一样，分析出之间的层级关系） <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <div class="box" id="box"> <ul> &lt...
获取DOM元素的几种方法
weixin_44007039的博客
09-27 406
1.通过ID获取（getElementById） 2.通过name属性（getElementsByName） 3.通过标签名（getElementsByTagName） 4.通过类名（getElementsByClassName） 5.获取html的方法（document.documentElement） 6.获取body的方法（document.body） 特： 通过css选择器获...
JS——DOM对象常用方法知识简记
TKY666的博客
05-01 4350
目录 获取DOM对象方法一 1.通过id获取 2. 通过class(类名)获取 3. 通过标签名获取 4. 通过name属性获取 5. 通过querySelector（选择器）获取 6. 通过querySelectorAll获取 获取特殊对象方法 body html 获取或返回元素内容方法 JS与CSS交互 js添加与修改属性样式 样式获取（查询） 类操作 DOM节点 节点属性操作 节点操作（增删复插替） 获取DOM对象方法二 节点查找 父节点查找子节点方法...
常见的获取dom元素的方法
Meta.Qing的博客
05-10 1224
获取 DOM 元素是前端开发中非常常见的操作。
【JavaScript】获取 DOM 对象的方法详解
lph159的博客
09-10 1178
CSS 选择器是一种用于选择 HTML 元素的模式。通过 CSS 选择器，我们可以选择一个或多个网页中的元素并对其进行操作。在 JavaScript 中，CSS 选择器同样可以用于获取 DOM 元素。获取 DOM 对象是前端开发中的基础操作之一。通过本文的介绍，我们了解了多种获取 DOM 对象的方法，包括根据 CSS 选择器获取 DOM 对象的和，以及其他常用方法如等。每种方法都有其适用的场景，开发者应根据需求和性能权衡选择最合适的方式来获取 DOM 对象。
JavaScript获取DOM元素的方法（8种）
weixin_45555592的博客
11-18 589
JS获取DOM元素的方法（8种） 转自：https://www.cnblogs.com/web-record/p/10131782.html 通过ID获取（getElementById） 通过name属性（getElementsByName） 通过标签名（getElementsByTagName） 通过类名（getElementsByClassName） 通过选择器获取一个元素（querySelector） 通过选择器获取一组元素（querySelectorAll） 获取html的方法（documen
使用JavaScript动态生成HTML DOM对象教程
在JavaScript中，创建DOM元素可以使用原生的JavaScript方法，主要有以下几种： 1. `document.createElement(tagName)`: 此方法可以创建一个指定的HTML元素，`tagName`是你想要创建的元素名称，如`div`、`span`等。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值