使用document对象获取html dom对象有多少种方法，都是哪些？它们有哪些异同？

最新推荐文章于 2024-05-14 00:52:41 发布
最新推荐文章于 2024-05-14 00:52:41 发布
阅读量2.9k 收藏 7
点赞数
分类专栏： JS 文章标签： document对象
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41604862/article/details/79770221
版权
  1. document.getElementById('id')：返回结果是一个对象，如果存在两个标签拥有相同id，则返回第一个标签对象
  2. document.getElementsByTagName('标签名')：返回结果是一个对象集合，以数组形式放在一起
  3. document.getElementsByName('标签name属性的值')：返回结果是一个对象集合，以数组形式放在一起
  4. document.getElementsByClassName('类名')：返回一个对象集合，以数组形式放在一起
  5. 通过this参数给函数传递受监控对象
  6. document.documentElement：专门获取html这个标签的
  7. document.body：专门获取body这个标签的
may_123mm
关注
  • 0
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javaScript中DOM的相关用法（DOM文档对象模型、document对象、获取html元素、操作元素内容、操作css样式、操作属性）
qq_56756602的博客
08-27 873
DOM的相关用法（DOM文档对象模型、document对象、获取html元素、操作元素内容、操作css样式、操作属性）
document对象获取HTML元素的三种常见方法
weixin_45936680的博客
05-06 3851
document常用获取HTML元素对象的常见方法有 1.根据元素的ID获取 document.getElementById(‘元素的ID’) 2.根据元素的类名获取 document.getElementsByClassName() 3.根据元素的标签名获取 document.getElementsByTagName(‘元素的标签名’) ...
JavaScript文档对象模型document对象查找Html元素(2)
qq_45308912的博客
11-07 847
1.document对象查找Html元素 以下表格是获取Html元素的常用方法： （1.）getElementById方法：返回值是元素对象，如果没有符合的条件对象，则返回为null； （2.）getElementsByTagName: 返回值是数组对象，如果没有符合条件的对象，则返回为空数组 （3.）getElementsByName: 返回的是指定标签名的元素对象集合，如果无符合条件的对象，则返回为空数组。 （4.）getElementsByClassName: 返回值为指定类名的元素集合，元素集合中
JavaScript编程：常用document对象的方法
最新发布
高性价比服务器就选：蓝易云
05-14 262
就像一个手电筒，照亮了DOM模型（Document Object Model，文档对象模型）的每一个角落，让你在编程操作中能够像玩乐高积木一样，有效读取、创建、更新和删除HTML元素。createElement('tag')可以创造一个新的HTML元素，createTextNode('text')创造一段新的文本，而appendChild()则将新的节点添加到指定的元素中。例如，document.getElementById("demo")，就等于找到ID为"demo"的元素，迅速地拿到手。
getElementById获取元素以及获取html和body
lxllxl211的博客
10-31 1000
【代码】getElementById获取元素以及获取html和body。
js中document节点获取页面元素的六种方式
热门推荐
不甜呐的博客
05-16 1万+
1.querySelector()方法 描述：本方法用于根据给定的选择器选中页面元素 如果有多个元素满足条件，则返回第一个满足条件的元素节点 语法：document.querySelector('选择器名'); 注意：如果查找失败，返回null 2.querySelectAll()方法 描述：本方法用于根据给定的选择器选中页面元素 如果有多个元素满足条件，则返回这些元素构成的集合 语法：document.querySelectAll('选择器名')...
DOM.zip_HTML dom_zip
09-23
12. **DOM与框架**：在现代Web开发中，很多JavaScript库和框架（如jQuery、React、Vue等）都提供了与DOM交互的工具，对比它们与原生DOM API的异同。 这本中文手册应该会详尽解释这些概念，并提供实例代码，帮助读者...
domdom直接使用单个函数和JSX来创建实际的DOM
08-12
在JavaScript开发领域，DOM（Document Object Model）是用于表示HTML或XML文档的一种树形结构，它允许编程方式操作页面上的元素。"domdom"是一个库，它提供了与React类似的功能，但更为轻量级，专注于使用单一函数和...
深入分析JQuery和JavaScript的异同
10-25
相反，如果你有一个DOM对象，如`cr`，你可以通过`$(‘cr')`将其转化为JQuery对象，这样就可以利用JQuery提供的各种方法和功能。 接下来，我们探讨JQuery的`$(document).ready()`与JavaScript的`window.onload()`。`...
超级有影响力霸气的Java面试题大全文档
07-18
8、运行时异常与一般异常有何异同？ 　异常表示程序运行过程中可能出现的非正常状态，运行时异常表示虚拟机的通常操作中可能遇到的异常，是一种常见运行错误。java编译器要求方法必须声明抛出可能发生的非运行时异常...
整理的 神舟面试题 笔试题 有答案 要去神舟数码 软件公司面试的注意咯 再一版
02-26
解析 XML 文档有多种方式，包括 DOM (Document Object Model)、SAX (Simple API for XML) 等。 synchronized 和 java.util.concurrent.locks.Lock 的异同 synchronized 和 java.util.concurrent.locks.Lock 都是 ...
jquery中绑定事件的异同
12-03
四种方法的共同点在于，它们都支持单个或多个事件的绑定，例如通过空格分隔或使用大括号表示。它们都将事件处理委托到`document`级别，以便于捕获DOM中的事件。 然而，它们之间的差异也相当明显。`bind()`仅能处理...
HTML 文档 (.xml)解读
10-05
7. **XML解析**：解析XML文档可以使用DOM（Document Object Model）或SAX（Simple API for XML）等方法。DOM将整个XML文档加载到内存，方便遍历；SAX则采用事件驱动的方式，逐行读取，节省内存。 8. **HTML与XML的...
JavaScript中的 attribute 和 jQuery中的 attr 方法浅析
10-20
本文将深入探讨两者之间的异同以及它们的使用方法。 首先，`attribute`是JavaScript中的DOM对象上的一个属性，它用于访问和修改HTML元素的属性。在DOM中，每个元素都有一个`attributes`集合，包含了该元素的所有...
verdict:（未维护）JS 和 Coffee 中简短而甜蜜的 UI 交互
06-07
本篇文章将深入探讨这两种语言在 UI 交互中的应用，并对比它们的异同。 JavaScript，作为 Web 开发的基石，提供了丰富的 API 以及强大的事件驱动模型，使其成为创建动态 UI 的首选。在 UI 交互中，JavaScript 常用...
jQuery模拟CSS3图片放大效果对比.zip
11-21
压缩包内的“jQuery模拟CSS3图片放大效果对比”可能包含了使用这两种方法的示例，通过实际的网页来直观展示它们之间的差异。你可以通过比较这些示例来了解在不同场景下选择哪种方法更合适。在考虑性能、兼容性和代码...
JavaScript 浏览器API 使用document对象获取HTML元素
ai_365的博客
04-12 256
JavaScript 浏览器API 使用document对象获取HTML元素
第十二讲 dom对象（DOM对象、document对象的常用方法、节点、查找结点、 查看/修改/删除属性节点、创建和增加节点）
Fiki515的博客
04-24 1479
一、查看节点 getElementById( ) getElementsByName( ) getElementsByTagName( ) <body> <div id="box">hello box</div> </body> <script> var oDiv = document.getElementById("box"); //div元素对象 // var oDiv = document..
DOM节点及其相关操作的函数
偷只猫来养的博客
07-01 984
DOM节点及其相关操作的函数 DOM：文档对象模型 1、查找节点 document.getElementById(‘id’)：返回指定id的元素节点，不可以链式调用 <div id = 'box'></div> <script> let box = document.getElementById('box'); </script> document.getElementsByClassName(‘class’)：返回指定class属性的元素节点
document有哪些操作DOM的方法
06-12
Document对象提供了许多操作DOM的方法和属性，以下是其中一些常用的方法： 1. getElementById：根据元素的id属性获取元素的引用。 2. getElementsByTagName：根据元素的标签名获取元素的引用，返回一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值