JavaScript中的DOM(文档对象模型)
// DOM：文档(Document) 对象(Object) 模型(Model)// 通过DOM，可以访问HTML文档的所有元素// 当网页被加载时，浏览器会创建一个DOM。// HTML的DOM树。// DOM 操作 html// 获取元素// 文本 内容// 属性// 节点 增删改查// DOM 操作 css// style// DOM 事件// 鼠标事件 键盘事件 表单事件// event 事件对象
简单认识JavaScript中的DOM(文档对象模型)
2023-01-11
38
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
JavaScript中的DOM(文档对象模型) // DOM：文档(Document) 对象(Object) 模型(Model) // 通过DOM，可以访问HTML文档的所有元素 // 当网页被加载时，浏览器会创建一个DOM。 // HTML的DOM树。 // DOM 操作 html // 获取元素 // 文本 内容 // 属性 // 节点 增删改查 // DOM 操作 css // style // DOM 事件 // 鼠标事件
相关文章
|
13天前
|
JavaScript
|
16天前
|
JavaScript
算法
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查，通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查，通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
28
1
1
|
2天前
|
JavaScript
前端开发
UED
深入解析JavaScript原生操作DOM技术
【4月更文挑战第22天】本文深入探讨JavaScript原生DOM操作技术，包括使用`getElement*`方法和CSS选择器获取元素，借助`createElement`与`appendChild`动态创建及插入元素，修改元素内容、属性和样式，以及删除元素。通过掌握这些技术，开发者能实现页面动态交互，但应注意避免过度操作DOM以优化性能和用户体验。
12
1
1
|
2天前
|
JavaScript
前端开发
开发者
JavaScript中的错误处理：try-catch语句与错误对象
【4月更文挑战第22天】JavaScript中的错误处理通过try-catch语句和错误对象实现。try块包含可能抛出异常的代码，catch块捕获并处理错误，finally块则无论是否出错都会执行。错误对象提供关于错误的详细信息，如类型、消息和堆栈。常见的错误类型包括RangeError、ReferenceError等。最佳实践包括及时捕获错误、提供有用信息、不忽略错误、利用堆栈信息和避免在finally块中抛错。
7
0
0
|
8天前
|
JavaScript
|
8天前
|
存储
JavaScript
前端开发
|
9天前
|
存储
JavaScript
前端开发
JavaScript DOM 操作：解释一下 cookie、sessionStorage 和 localStorage 的区别。
Cookie是服务器发送至客户端的文本信息，会随每个请求发送回服务器，适合控制会话状态但可能暴露隐私。SessionStorage仅在当前会话中存储数据，关闭浏览器后清除，适合临时存储如登录状态。LocalStorage则持久保存数据，即使关闭浏览器也不会清除，适用于存储长期设置。三种方式各有侧重，应按需求选择。
15
0
0
|
9天前
|
JavaScript
前端开发
安全
JavaScript DOM 操作：解释一下浏览器的同源策略。
**同源策略**是浏览器安全基石，它阻止脚本跨不同协议、域名或端口访问资源，防止恶意行为。例如，HTTP页面无法直接用JS获取HTTPS页面内容。**CORS**允许跨域请求，但需服务器配合设置，通过`document.domain`属性可配置，但仍受限于服务器配置。
14
4
4
|
13天前
|
JavaScript
js 字符串String转对象Object
该代码示例展示了如何将一个以逗号分隔的字符串（`'1.2,2,3,4,5'`）转换为对象数组。通过使用`split(',')`分割字符串并`map(parseFloat)`处理每个元素，将字符串转换成浮点数数组，最终得到一个对象数组，其类型为`object`。
21
2
2
|
21天前
|
JavaScript
热门文章
最新文章
1
vue监听dom元素的宽高变化和自定义指令监听dom元素的宽高变化
2
react简单实现获取dom元素
3
深入了解 JavaScript 中的 DOM 和 BOM
4
JavaScript基础语法（codewhy版本）（一）
5
DOM驱动和数据驱动的区别
6
JavaScript 权威指南第七版（GPT 重译）（三）(1)
7
JavaScript高级笔记-coderwhy版本（六）
8
JavaScript 权威指南第七版（GPT 重译）（六）(4)
9
JavaScript 权威指南第七版（GPT 重译）（四）(4)
10
JavaScript 权威指南第七版（GPT 重译）（二）(1)