JavaScript 技术篇-js获取document的几种方式，js获取dom元素的常用方法。

最新推荐文章于 2024-01-04 17:37:30 发布
最新推荐文章于 2024-01-04 17:37:30 发布
阅读量3.4k 收藏 2
点赞数 6
分类专栏： JS Web前端 文章标签： js获取dom元素
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38161040/article/details/89089982
版权
Web前端 同时被 2 个专栏收录
55 篇文章 10 订阅
订阅专栏
JS
39 篇文章 4 订阅
订阅专栏

方法主要分为两大类

第一类：通过属性获取。
<p id = "fash"></p>
通过
document.getElementById("fash")
获取到p页签。
在这里插入图片描述
第二类：通过css选择器获取
<p id = "fash"></p>
通过
document.querySelector(".fash")
获取到p页签。

详细的话可以参考：
css 选择器参照手册
在这里插入图片描述
喜欢的点个赞❤吧！

挣扎的蓝藻
关注
专栏目录
JavaScript之document对象获取元素
zhouym_的博客
06-04 7997
document对象 概述：浏览器对外提供的支持js操作HTML文档的一种对象，这个对象封装了HTML文档中的所有对象。当HTML文档一执行，就会创键document对象，把HTML文档中的所有信息封装到document对象中，我们要获取HTML文档中的信息，只需要操作document这个对象即可。 获取元素属性，两种方式 直接获取 <!DOCTYPE html> <html&g...
javascript中获取 DOM 元素的几种方式
夸克IT
12-14 4066
回顾 上一篇中我们初步了解了代码提交的规范，这个规范也是业内相当知名的规范，建议添加到你的项目中熟悉熟悉。有什么不懂得欢迎随时留言~ 在之前我们已经把 JavaScript 基础部分全部学完了，基础部分一共分为了10篇，在10篇的内容中需要记住的东西还是挺多，所以需要你多在编辑器中敲一敲。应用在实际的场景中，纸上得来终觉浅，绝知此事要躬行。 WebApi 从这篇及往后我们要进一步扩展知识面了，来到了 js 中进阶的部分—— WebApi，初来乍到你肯定会问这个 WebApi 是什么？API：顾名思义就是接口
原生js获取document_详解JS获取HTML DOM元素的8种方法
weixin_39996096的博客
12-20 1767
什么是HTML DOM文档对象模型(Document Object Model)，是W3C组织推荐的处理可扩展置标语言的标准编程接口。简单理解就是HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。我们用JavaScript对网页进行的所有操作都是通过DOM进行的。这篇文章不做深入研究，只把各种用法和坑做一个总结。JS获取DOM元素的方法(8种)通过ID获取(getEleme...
获取dom页面文档对象的5种方法~js篇
qq_64970126的博客
04-17 2421
1、通过ID获取： document.getElementById( ‘ID名’); 2、通过标签名获取：getElementsByTagName(‘指定的标签’）； 3、通过标签名获取某个标签准确的子元素：’明确的变量‘.getElenentsTagName(‘指定的标签’); 4、h5新增获取元素方法 5、获取特殊元素( body , html )获取body元素
js操控document
weixin_39418164的博客
05-18 358
1.js取标签的值&lt;span&gt;innerText2.web本地存储window.localStorage.setItem('usertype',usertype);window.localStorage.getItem('usertype')window.localStorage.removeItem('key')window.localStorage.clear;Storage 发生...
JS中Document对象
m0_73030012的博客
09-13 1510
JS中Document对象
详解JS获取HTML DOM元素的8种方法
10-19
本文将详细介绍在JavaScript中获取HTML DOM元素的八种常用方法，这些方法在实际开发中有着广泛的应用，能够帮助开发者有效地管理和操作网页元素。 1. 通过ID获取（getElementById） getElementById是document对象的...
DOM获取元素的几种方式
qq_46492364的博客
05-25 2310
文章目录一、对象1.对象的概念2.对象字面量 # 前言 这部分学习Web API,包括DOM和BOM。JavaScript包括ES、DOM、BOM三个部分，其中ES是ECMAScript，是JavaScript的核心，是一套 一、对象 1.对象的概念 JavaScript中的对象其实就是生活中对象的一个抽象。JavaScript的对象是无序属性的集合。 其属性可以包含基本值、对象或函数。对象就是一组没有顺序的值。我们可以把JavaScript 中的对象想象成键值对，其中值可以是数据和函数。 2.对象字面
vue操作dom元素的3种方法示例
10-14
例如，`document.getElementById()`、`document.querySelector()`或`document.querySelectorAll()`等可以用于获取DOM元素。一旦获取到元素，就可以使用JavaScript的各种DOM API进行修改，如`element.style.property`...
浅谈JS获取元素的N种方法及其动静态讨论
10-19
本文将深入探讨几种常用的JS获取元素的方法及其在动态和静态环境中的应用。 首先，`getElementById()`是获取元素的最常见方式之一。这个方法通过指定的ID来查找元素，返回的是匹配的首个Element对象。如果文档中...
jQuery获取iframe的document对象的方法
12-12
获取iframe的document对象的目的就是进行dom的操作 $(function() { var result = $('#myframe').prop('contentWindow').document; console.log(result); }); 这样输出来的结果是：document对象
JS的document_详细介绍及用法
04-24
JS的document_详细介绍及用法,从菜鸟到高手的过程是艰辛的，你渴望救助。这本教程就是你无言的助手，默默的帮你到永远。 带奋斗一起飞翔，因为有了它，让我拥有理智之思；我才使过去的失误不再重演到今天的影片里；我才能使过去的成功在人生中继续升华；我才能真正收获金秋丰硕的果实，品味人生的快乐。
js的document对象
weixin_44831734的博客
04-27 347
1.表示整个文档 2.常用方法 write()方法： （1）向页面输出变量（值） （2）向页面输出html代码 var str=“abc”; document.write(str); getElementById(); 通过Id得到元素（标签） //使用getElementById得到input标签 var input1=document.getElementById(“nameid”);//传递...
JavaScript学习之DOM入门（获取元素、document对象）
星河梦~的博客
06-18 1070
目录前言什么是DOM？获取文档中的元素根据id获取根据标签名获取根据name获取根据class获取根据选择器获取document对象属性 前言 先来看一下JavaScript的组成部分： 本文针对DOM进行学习了解。 什么是DOM？ DOM(Document Object Model):文档对象模型，是w3c制定的一套针对HTML和XML的标准的编程接口 把HTML文档处理成树形结构(倒立的树)，将一个html文档看作是一棵树，文档中的标签、标签的属性、标签的内容都是这课树的节点。 强调：DOM的最顶端
js中获取元素的方法（document和getElementById）
最新发布
2303_76379956的博客
01-04 1440
定义： getElementsByClassName() 方法返回文档中所有指定类名的元素集合，作为 NodeList 对象。提示： 可使用 NodeList 对象的 length 属性来确定指定类名的元素个数，并循环各个元素来获取需要的那个元素。元素在集合中的顺序以其在代码中的出现次序排序。定义： getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。定义： getElementsByTagName() 方法可返回带有指定标签名的对象的集合；
JavaScript_document对象_方法_获取元素
Python_1981的博客
11-06 250
document.getElementsByName方法用于选择拥有name属性的HTML元素（比如、、等），返回一个类似数组的的对象（NodeList实例），因为name属性相同的元素可能不止一个。document.getElementsByClassName方法返回一个类似数组的对象（HTMLCollection实例），包括了所有class名字符合指定条件的元素，元素的变化实时反映在返回结果中。
JS的Document属性和方法
weixin_34198797的博客
03-31 54
http://www.cnblogs.com/yansheng/archive/2010/01/25/1656014.html 转载于:https://www.cnblogs.com/xtdxs/p/6653155.html
js document
qq_44889086的博客
10-28 163
document对象学习: 1、document对象的概念 浏览器对外提供的支持js的用来操作HTML文档的一个对象，此对象封存的HTML文档的所有信息。 2、使用document 获取HTML元素对象 直接获取方式： 通过id 通过name属性值 通过标签名 通过class属性值 间接获取方式： ...
JavaScript中document的四种方法
热门推荐
qiangzhogshou的博客
11-26 1万+
1、document的getElementById()方法 <body> <a id="first">a标签链接</a> <script> var element = document.getElementById("first"); console.log(element); </script> </body>...
JavaScript获取DOM元素的方法与探讨
以下是对几种常见的获取元素方法的详细讲解： 1. **getElementById()**： 这个方法是最基础的获取元素的方式，通过元素的唯一ID来找到对应的Element对象。ID是页面上元素的唯一标识，因此此方法返回的结果要么是...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

挣扎的蓝藻

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值