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 · 92 阅读 · 0 评论 -
JavaScript之DOM笔记02
HTML DOM Document 对象 Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问。 每个载入浏览器的 HTML 文档都会成为 Document 对象。 Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。 Document 对象集合 Document 对象属性 Document ...原创 2019-09-18 20:07:36 · 103 阅读 · 0 评论 -
JavaScript之DOM笔记03——DOM事件
Event 对象 Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 事件通常与函数结合使用,函数不会在事件发生前被执行! 事件句柄 (Event Handlers) HTML 4.0 的新特性之一是能够使 HTML 事件触发浏览器中的行为,比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表,可将之...原创 2019-09-18 21:03:33 · 125 阅读 · 0 评论 -
JavaScript之DOM笔记04——DOM细节
DOM 1. 节点及其类型: 1). 元素节点 2). 属性节点: 元素的属性, 可以直接通过属性的方式来操作. 3). 文本节点: 是元素节点的子节点, 其内容为文本. 4). documnet 2. 在 html 文档的什么位置编写 js 代码? 0). 直接在 html 页面中书写代码. <button id="button" onclick="alert('hello world...原创 2019-09-18 21:31:04 · 113 阅读 · 0 评论 -
JavaScript之DOM笔记05
DOM对CSS的操作 1、 读取和修改内联样式 使用style属性来操作元素的内联样式 读取内联样式: 语法:元素.style.样式名 例子: 元素.style.width 元素.style.height 注意:如果样式名中带有-,则需要将样式名修改为驼峰命名法将-去掉,然后-后的字母改大写。 比如:background-color --> backgroundColor borde...原创 2019-09-19 11:21:05 · 117 阅读 · 0 评论 -
JavaScript笔记06——DOM查询和修改
1.DOM查询 通过具体的元素节点来查询 元素.getElementsByTagName() 通过标签名查询当前元素的指定后代元素 元素.childNodes 1. 获取当前元素的所有子节点 2. 会获取到空白的文本子节点 元素.children 获取当前元素的所有子元素 元素.firstChild 获取当前元素的第一个子节点 元素.lastChild 获取当前元素的最后一个子...原创 2019-09-19 11:56:17 · 111 阅读 · 0 评论