AI 助理
文档备案控制台
开发者社区 开发与运维 文章 正文

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

2021-12-13 973
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： JavaScript 技术篇-js获取document的几种方式，js获取dom元素的常用方法。

       

方法主要分为两大类

第一类：通过属性获取。

<p id = "fash"></p>

通过

document.getElementById("fash")

获取到p页签。

image.png

第二类：通过css选择器获取

<p id = "fash"></p>

通过

document.querySelector(".fash")

获取到p页签。

详细的话可以参考：

css 选择器参照手册

image.png

喜欢的点个赞❤吧！

文章标签：
JavaScript
前端开发
小蓝枣
目录
相关文章
ayuday
|
资源调度 JavaScript 前端开发
Day.js极简轻易快速2kB的JavaScript库-替代Moment.js
dayjs是一个极简快速2kB的JavaScript库，可以为浏览器处理解析、验证、操作和显示日期和时间，它的设计目标是提供一个简单、快速且功能强大的日期处理工具，同时保持极小的体积（仅 2KB 左右）。
ayuday
1011 24
游客lijmi4663rgsa
|
JavaScript 前端开发 算法
JavaScript 中通过Array.sort() 实现多字段排序、排序稳定性、随机排序洗牌算法、优化排序性能，JS中排序算法的使用详解（附实际应用代码）
Array.sort() 是一个功能强大的方法，通过自定义的比较函数，可以处理各种复杂的排序逻辑。无论是简单的数字排序，还是多字段、嵌套对象、分组排序等高级应用，Array.sort() 都能胜任。同时，通过性能优化技巧（如映射排序）和结合其他数组方法（如 reduce），Array.sort() 可以用来实现高效的数据处理逻辑。 只有锻炼思维才能可持续地解决问题，只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助，麻烦您点个赞支持一下，还可以收藏起来以备不时之需，有疑问和错误欢迎在评论区指出~
游客lijmi4663rgsa
1371 3
游客lijmi4663rgsa
|
数据采集 JavaScript 前端开发
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用，JS中数组过滤器的使用详解（附实际应用代码）
用array.filter(）来实现数据筛选、数据清洗和链式调用，相对于for循环更加清晰，语义化强，能显著提升代码的可读性和可维护性。博客不应该只有代码和解决方案，重点应该在于给出解决方案的同时分享思维模式，只有思维才能可持续地解决问题，只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助，麻烦您点个赞支持一下，还可以收藏起来以备不时之需，有疑问和错误欢迎在评论区指出~
游客lijmi4663rgsa
1516 0
橘子红了呐
|
JavaScript 前端开发 数据安全/隐私保护
JavaScript的方法和技巧
橘子红了呐
1225 0
技术小甜
|
JavaScript 前端开发 数据安全/隐私保护
JavaScript的方法和技巧
技术小甜
1119 0
wishCoding
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
wishCoding
539 2
雨溪-yuxi
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念，从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链，层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
雨溪-yuxi
404 1
JavaScript中的原型 保姆级文章一文搞懂
疯狂的猿
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
疯狂的猿
289 0
wishCoding
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
wishCoding
676 5

热门文章

最新文章

  • 1
    文档对象模型DOM（一）
  • 2
    使用 dom4j 实现删除节点的操作| 学习笔记
  • 3
    web前端学习（四十一）——JavaScript DOM EventListener（添加与移除监听事件）
  • 4
    dom操作之开关灯
  • 5
    JS-DOM对象知识点汇总（慕课）
  • 6
    OriDomi – 像折叠纸张一样折叠 DOM 元素
  • 7
    【DOM编程艺术】综合示例---全部代码
  • 8
    html DOM 基础
  • 9
    React-router-dom实现全局路由登陆拦截
  • 10
    dom4j解析xml文件简单版
  • 1
    局域网监控其他电脑的设备信息管理 Node.js 跳表算法
    388
  • 2
    Chrome 下载大文件报错！用 Streamsaver.js 完美填坑
    5439
  • 3
    百宝箱开放平台 ✖️ Node.js SDK
    603
  • 4
    电脑管控软件的进程优先级调度：Node.js 红黑树算法
    475
  • 5
    企业上网监控系统的恶意 URL 过滤 Node.js 布隆过滤器算法
    533
  • 6
    JavaScript进阶挑战：巩固核心知识点
    345
  • 7
    js实现promise常用场景使用示例
    506
  • 8
    基于 Node.js 图结构的局域网设备拓扑分析算法在局域网内监控软件中的应用研究
    600
  • 9
    Nest.js控制器深度解析：路由与请求处理的高级特性
    558
  • 10
    js react antd 实现页面低分变率和高分变率下字体大小自适用，主要是配置antd
    607

    • 相关课程

    更多
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程

    • 相关电子书

    更多
  • JavaScript异步编程
  • Delivering Javascript to World
  • 编程语言如何演化-以JS的private为例
    • 下一篇
    一条命令迁移，帮你实现 OpenClaw 与 Hermes Agent 记忆互通！