DOM操作
文章平均质量分 82
EchoByCode
这个作者很懒,什么都没留下…
展开
-
DOM-04-window 对象的常见事件
1.1 窗口加载事件window.onload 是窗口 (页面)加载事件,当文档内容完全加载完成会触发该事件(包括图像、脚本文件、CSS文件等), 就调用的处理函数。window.onload 传统注册事件方式 只能写一次,如果有多个,会以最后一个 window.onload 为准。如果使用 addEventListener 则没有限制<!DOCTYPE html><html lang="en"><head> <meta charset=原创 2022-01-27 00:45:00 · 269 阅读 · 0 评论 -
DOM-03-节点操作
1、节点操作简介网页中的所有内容都是节点(标签、属性、文本、注释等),在DOM 中,节点使用 node 来表示。节点至少拥有nodeType(节点类型)、nodeName(节点名称)和nodeValue(节点值)这三个基本属性。1.1 节点层级划分:node.parentNode:父级节点,parentNode 属性可返回某节点的父节点,但是是最近的一个父节点parentNode.childNodes:子节点,返回值里面包含了所有的子节点,包括元素节点,文本节点等。node.nextSib原创 2022-01-27 00:30:00 · 242 阅读 · 0 评论 -
DOM-02-元素操作
1、事件简介JavaScript 使我们有能力创建动态页面,而事件是可以被 JavaScript 侦测到的行为。1.1 常见的鼠标事件事件触发顺序是:mousedown -> mouseup -> click -> mousedown -> mouseup -> click -> dblclick。mousedown鼠标的键钮被按下。mouseup鼠标的键钮释放弹起。click鼠标左键(或中键)被单击。事件触发顺序是:mousedown -&g原创 2022-01-27 00:00:00 · 198 阅读 · 0 评论 -
DOM-01-简介
1、DOM简介文档对象模型(Document Object Model,简称 DOM),是 W3C 组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口。开发中主要用来操作元素。文档:一个页面就是一个文档,DOM 中使用 document 表示元素:页面中的所有标签都是元素,DOM 中使用 element 表示节点:网页中的所有内容都是节点(标签、属性、文本、注释等),DOM 中使用 node 表示1.1 获取页面中的元素根据 ID 获取根据标签名获取通过 HTML5 新增的原创 2022-01-26 23:45:00 · 101 阅读 · 0 评论