DOM
Serena_tz
write less,do better️️️
展开
-
vue项目中this.$nextTick()的使用
this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。它跟全局方法 Vue.nextTick一样,不同的是回调的this自动绑定到调用它的实例上。假设我们更改了某个dom元素内部的文本,而这时候我们想直接打印出这个被改变后的文本是需要dom更新之后才会实现的,也就好比我们将打印输出的代码放在setTimeout(fn, 0)中。例如: <template> <section> <div ref=转载 2021-05-24 14:45:48 · 323 阅读 · 0 评论 -
DOM事件
1 两种事件绑定方式 1.1 (DOM0) obj.onclick = fn; 1.2 (DOM2)2. 1.2.1 ie obj.attachEvent(事件名称,事件函数); 没有捕获(非标准的ie 标准的ie底下有 ie6到10) 事件名称有on 事件函数执行的顺序:标准ie-》正序 非标准ie-》倒序 this指向window 1.2.2 标准 obj.addEventListener(事件名称,事件函数,是否捕获); 有捕获 事件名称没有on 事件执行的顺序是正序 this触原创 2021-04-30 12:06:11 · 100 阅读 · 0 评论 -
nodeType 属性
nodeType 属性返回节点的类型。nodeType 是只读的。 比较重要的节点类型有: 元素类型 NodeType 元素 1 属性 2 文本 3 注释 8 文档 9原创 2021-03-16 09:34:26 · 285 阅读 · 0 评论 -
DOM 对象的方法和属性
一些常用的 HTML DOM 属性: innerHTML - 节点(元素)的文本值 parentNode - 节点(元素)的父节点 childNodes - 节点(元素)的子节点 attributes - 节点(元素)的属性节点 一些 DOM 对象方法 方法 描述 getElementById() 返回带有指定 ID 的元素。 getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)。 getElementsByClassName转载 2021-03-16 09:19:14 · 392 阅读 · 0 评论