JS获取DOM 操作DOM的方法

已于 2022-04-25 08:44:50 修改
阅读量220 收藏
点赞数
分类专栏： 学习心得 文章标签： javascript
于 2022-04-24 21:49:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_56392992/article/details/124392693
版权 
document.getElementById(’‘)

上下文是document

document.getElementsByName('')

上下文是document
返回类数组

document.getElementsByTagName('')

上下文可以是document，也可以是一个元素。
返回类数组

document.getElementsByClassName('')

上下文可以是document，也可以是一个元素。
返回类数组

document.querySelector(' ')

上下文可以是document，也可以是一个元素。
返回一个元素

document.querySelectorAll(' ')

上下文可以是document，也可以是一个元素。
返回类数组

document.documentElement
获取HTML
document.body
获取body

document.createElement('')

创建节点

element.removeChild()

移除节点

element.appendChild()
element.inserBefore(new,old)

添加节点

Float544
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript实现获取dom中class的方法
12-09
总的来说，JavaScript获取DOM元素中class的方法主要分为以下步骤： 1. 检查DOM元素是否支持`getElementsByClassName`方法。 2. 如果支持，直接调用此方法获取元素集合。 3. 如果不支持，遍历元素的子节点，通过`...
javascript DOM 获取节点
aaazhyzmx的博客
01-05 410
1.获取元素节点：  1.1)通过元素节点的id属性获取：        语法：document.getElementById("元素id属性的值");        例如：        1.2）根据元素的名称获取,获取的是所有为该名称的元素的数组，可以用数组的方法操作该节点数组：          语法：document.getElementsByTagName("元素名称");
JS（DOM 查找）
qq_36519236的博客
07-03 1733
JS1.基本的DOM查找方法1.1 document.getElementById(); [id查询]1.2 document.getElementsByTagName(); [name查询]1.3 试用 1.基本的DOM查找方法 注： 1.查询获取要查询的整个标签 2.document. 全文档查找。想定向查找看1.3 1.1 document.getElementById(); [id查询...
JS获取DOM元素的8种方法
2301_76348120的博客
07-29 1209
js中获取dom的方法
JavaScript Dom 查找
weixin_30377461的博客
02-22 77
JavaScript Dom 查找 一、直接查找 获取单个元素 document.getElementById('i1') 获取多个元素（列表数组） document.getElementsByTagName('div') 获取多个元素（列表数组） document.getElementsByClassName('c1') // 根据ID获取一个标签 document....
JS-获取DOM元素的五种方法
weixin_43937466的博客
09-04 1万+
根据id名获取元素：getElementById;根据标签名获取元素：getElementsByTagName，返回一个数组；根据类名获取元素：getElementsByClassName，返回一个数组；根据name属性值获取元素：getElementsByName，返回一个数组；根据选择器获取元素：querySelector：获取一个元素，推荐使用 用法类似写css；querySelectorAll：返回一个元素数组。more。
【元素的查找】js和jquery方法查找dom元素
lihuapiao的专栏
12-17 5354
一.dom方法查找元素       1.常规方法的
Js操作DOM元素及获取浏览器高宽的简单方法
11-22
在实际应用中，这些DOM操作和浏览器尺寸获取方法广泛应用于响应式设计、页面动态更新、用户交互和动画效果等方面。例如，在一个电子商务网站中，可能需要根据浏览器窗口的大小调整布局，或者动态加载商品轮播图，...
JavaScript中 DOM操作方法小结
01-21
DM是(Document Object Model)的简称。 一.找元素 document.getElementById() 根据id选择器找，最多找一个； document.getElementsByName() 根据name找，找出的是数组；...获取代码和内容，但只显示内容。 alert
JavaScript获取DOM元素的11种方法总结
01-21
令人欣慰的是，使用JavaScript获取节点的方法有很多种，这里简单做一下总结（以下方法在IE7和Firefox2.0.0.11测试通过）： 1. 通过顶层document节点获取： （1） document.getElementById(elementId)：该方法通过...
JavaScript DOM 元素查找
最新发布
2401_84092398的博客
04-07 588
面试题千万不要死记，一定要自己理解，用自己的方式表达出来，在这里预祝各位成功拿下自己心仪的offer。需要完整面试题的朋友可以点击蓝色字体获取助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。**[外链图片转存中…(img-9Vff92kn-1712424160637)][外链图片转存中…(img-xA8SGSfD-1712424160637)]既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
JavaScript之dom操作
qq_44417818的博客
01-17 490
有一天，我正在写代码。老弟突然发来一条消息 “超，js怎么获取元素” “document.querySelector()” “怎么用” … 1.获取dom元素 <div class="findme" id="findme"></div> //获取findme这个dom document.querySelector('.findme') document.getElementById('findme') document.getElementsByClassName('findm
Jest-入门
weixin_45345105的博客
04-08 284
刚入职老大让弄jest，之前了解过但没写过，今天趁有机会实操一下，顺便写个笔记后面好复习。 基础开始 啥是前端测试？ 自己写代码去测自己代码，自动化去测，不用花费大量时间去自己手测。 测试分类 前端开发最常见的测试主要是以下几种： • 单元测试：验证独立的单元是否正常工作 • 集成测试：验证多个单元协同工作 • 端到端测试：从用户角度以机器的方式在真实浏览器环境验证应用交互 • 快照测试：验证程序的 UI 变化 今天先搞单元测试，后面其他的再补上。 start vue-cli创建一个带jest的项目
原生js获取DOM对象的几种方法
热门推荐
Dancy的博客......
06-15 5万+
通过id获取 &amp;amp;lt;div id=&amp;quot;box&amp;quot;&amp;amp;gt;&amp;amp;lt;/div&amp;amp;gt; &amp;amp;lt;script&amp;amp;gt; let box= document.getElementById(&amp;quot;box&amp;quot;); &amp;amp;lt;/script&a
JS获取DOM元素的方法（8种）
NLoudly的博客
06-07 1784
JS获取DOM元素的方法（8种） JS获取DOM元素的方法（8种）) JS获取DOM元素的方法（8种） 通过ID获取（getElementById） 通过name属性（getElementsByName） 通过标签名（getElementsByTagName） 通过类名（getElementsByClassName） 通过选择器获取一个元素（querySelector） 通过选择器获取一组元素（querySelectorAll） 获取html的方法（document.documentElement） do
reactjs 获取真实dom，并获取dom css 三种方法
dahuzi的专栏
04-15 1万+
方法1： let senderName = ReactDOM.findDOMNode(this.refs['sender-name']); let nleft = senderName.style.left; let ntop = senderName.style.top; let nwidth = senderName.style.width; let nheight = senderName
js 获取dom元素的八种方法
技术的搬运工
03-28 1万+
1、通过css选择器获取一个元素（querySelector）2、通过选择器获取一组元素（querySelectorAll）方法一样，只是可以获取css选择器匹配的。如果你需要返回所有的元素，请使用。方法仅仅返回匹配指定选择器的。
JavaScript DOM编程：关键操作方法详解
JavaScript DOM编程艺术深入探讨了Document Object Model (DOM)...JavaScript DOM编程艺术涵盖了丰富的API和操作方式，掌握这些方法能够帮助开发者灵活地动态构建、修改和管理网页内容，实现交互式和响应式的Web应用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值