
DOM
Q183cm
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JavaScript之DOM笔记01
JavaScript HTML DOM通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。HTML DOM (文档对象模型)当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。HTML DOM 模型被构造为对象的树:通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML。JavaScr...原创 2019-09-18 19:33:22 · 125 阅读 · 0 评论 -
JavaScript之DOM笔记02
HTML DOM Document 对象Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问。每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。Document 对象集合Document 对象属性Document ...原创 2019-09-18 20:07:36 · 138 阅读 · 0 评论 -
JavaScript之DOM笔记03——DOM事件
Event 对象Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用,函数不会在事件发生前被执行!事件句柄 (Event Handlers)HTML 4.0 的新特性之一是能够使 HTML 事件触发浏览器中的行为,比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表,可将之...原创 2019-09-18 21:03:33 · 193 阅读 · 0 评论 -
JavaScript之DOM笔记04——DOM细节
DOM1. 节点及其类型:1). 元素节点2). 属性节点: 元素的属性, 可以直接通过属性的方式来操作.3). 文本节点: 是元素节点的子节点, 其内容为文本.4). documnet2. 在 html 文档的什么位置编写 js 代码?0). 直接在 html 页面中书写代码.<button id="button" onclick="alert('hello world...原创 2019-09-18 21:31:04 · 148 阅读 · 0 评论 -
JavaScript之DOM笔记05
DOM对CSS的操作1、 读取和修改内联样式使用style属性来操作元素的内联样式读取内联样式:语法:元素.style.样式名例子:元素.style.width元素.style.height注意:如果样式名中带有-,则需要将样式名修改为驼峰命名法将-去掉,然后-后的字母改大写。比如:background-color --> backgroundColorborde...原创 2019-09-19 11:21:05 · 159 阅读 · 0 评论 -
JavaScript笔记06——DOM查询和修改
1.DOM查询通过具体的元素节点来查询元素.getElementsByTagName()通过标签名查询当前元素的指定后代元素元素.childNodes1. 获取当前元素的所有子节点2. 会获取到空白的文本子节点元素.children获取当前元素的所有子元素元素.firstChild获取当前元素的第一个子节点元素.lastChild获取当前元素的最后一个子...原创 2019-09-19 11:56:17 · 158 阅读 · 0 评论