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

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

2021-12-13 981
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 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
1019 24
游客lijmi4663rgsa
|
JavaScript 前端开发 算法
JavaScript 中通过Array.sort() 实现多字段排序、排序稳定性、随机排序洗牌算法、优化排序性能，JS中排序算法的使用详解（附实际应用代码）
Array.sort() 是一个功能强大的方法，通过自定义的比较函数，可以处理各种复杂的排序逻辑。无论是简单的数字排序，还是多字段、嵌套对象、分组排序等高级应用，Array.sort() 都能胜任。同时，通过性能优化技巧（如映射排序）和结合其他数组方法（如 reduce），Array.sort() 可以用来实现高效的数据处理逻辑。 只有锻炼思维才能可持续地解决问题，只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助，麻烦您点个赞支持一下，还可以收藏起来以备不时之需，有疑问和错误欢迎在评论区指出~
游客lijmi4663rgsa
1379 3
游客44yag4ft7nckq
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
游客44yag4ft7nckq
245 17
游客44yag4ft7nckq
|
JavaScript
DOM 节点列表长度（Node List Length）
DOM 节点列表长度（Node List Length）
游客44yag4ft7nckq
247 6
游客44yag4ft7nckq
|
JavaScript
DOM 节点列表长度（Node List Length）
DOM 节点列表长度（Node List Length）
游客44yag4ft7nckq
210 16
游客44yag4ft7nckq
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
游客44yag4ft7nckq
159 7
游客44yag4ft7nckq
|
JavaScript
HTML DOM 节点树
HTML DOM 节点是指在 HTML 文档对象模型中，文档中的所有内容都被视为节点。整个文档是一个文档节点，每个 HTML 元素是元素节点，元素内的文本是文本节点，属性是属性节点，注释是注释节点。DOM 将文档表示为节点树，节点之间有父子和同胞关系。
游客44yag4ft7nckq
446 3
游客44yag4ft7nckq
|
JavaScript
HTML DOM 节点
HTML DOM（文档对象模型）将HTML文档视为节点树，其中每个部分都是节点：文档本身是文档节点，HTML元素是元素节点，元素内的文本是文本节点，属性是属性节点，注释是注释节点。节点间存在父子及同胞关系，形成层次结构。
游客44yag4ft7nckq
381 3
游客44yag4ft7nckq
|
JavaScript
DOM 节点列表长度（Node List Length）
DOM 节点列表长度（Node List Length）
游客44yag4ft7nckq
174 4

热门文章

最新文章

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

    • 相关课程

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

    • 相关电子书

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