一、结点 文档对象模型（Document Object Model），是W3C组织推荐的处理可扩展标记语言的标准编程接口。js的DOM操作可以改变网页的内容、结构和样式，可以利用DOM操作来改变元素里面的内容、属性等。 1、html的DOM树 <!DOCTYPE html> <html> <head
转载
2020-01-23 17:57:00
258阅读
vue中获取dom元素 document.querySelector('.wrapper')这种方式不好。很多的地方可能都叫wrapper,不准确 vue中准确的拿到那个元素用ref,ref是绑定给子组件 普通元素也可以绑定ref ref如果是绑定在组件中的，那么通过**this.$refs.ref ...
转载
2021-10-07 20:29:00
7919阅读
2评论
setTimeout属于异步执行函数，当程序执行完console.log(1,time1)后;遇到setTimeout会将该函数放入等待队列，等待当前主程序执行完毕后开始执行setTimeout,由于后面的几个都是setTimeout,因此都会放到等待队列
原创
2018-09-10 16:11:00
200阅读
<template> <div class="move-warp"> <div ref="aab" id="range" @mousemove="mouseMove" @mouseup="mouseUp" > <div ref="ele" class="icon" @mousedown="mouse ...
转载
2021-10-09 15:41:00
1910阅读
2评论
获取高度： <
原创
2022-09-09 08:36:21
3354阅读
<h3 id='myh3' ref='myh3'> </h3> methods
原创
2023-05-19 15:21:47
542阅读
<animate-number from="0" :to="onLineNumber" :key="orgListKey" duration="1500" easing="e
原创
2023-05-19 15:19:29
137阅读
原标题：Vue 2.x 的虚拟DOM原理背景当下随着 Vue、React 等框架的流行，虚拟 DOM 大行其道。第一次听到这个词还是在15年学习 React 的时候。当时 React 以其明显高于 Angular 的性能优势迅速走红，什么虚拟 DOM 啦？什么修改 DOM 完全是操作内存中虚拟 DOM，然后再一次性更新到浏览器的真实 DOM 中？当时一听，瞬间感觉好高大上，可要问虚拟 DOM 是什
【代码】vue-其他ref获取dom元素.html。
原创
2023-05-27 00:04:10
170阅读
这种功能实际开发中用的特别多，但是写起来的话有点点麻烦，演示两种方案，第一种就是常规的class和style绑定，第二种是
原创
2022-12-01 16:33:29
2169阅读
beforeRouteEnter (to, form, next) {let bread = document.getElementsByClassName(‘main-layo
原创
2022-08-15 10:59:26
661阅读
1.我使用的是nuxt，导航是nuxt-link形成的，点击后审查元素会发现它的class多了一个nuxt-link-exact-active，所以我们只需要直接在css样式里.nuxt-link-exact-active { color: red;}vue同理，是router-link形成的导航栏的话.router-link-active{ color: red;}2.如果它是几个相同的元素，在切换的时候改变颜色。在传递参数的时候不能穿this，传递进入的this指..
原创
2021-09-02 09:56:39
3273阅读
# JavaScript DOM 改变节点
在现代网页开发中，JavaScript作为一种强大的编程语言，可以用来动态地改变网页内容。在这篇文章中，我们将深入探讨JavaScript如何通过文档对象模型（DOM）来改变节点，并通过示例代码进行说明。
## 什么是DOM？
DOM（Document Object Model）是HTML和XML文档的编程接口，它将文档的结构表示为对象，并提供了一
DOM文档对象模型js有如下功能JavaScript能够改变页面中的所有HTML元素JavaScript能够改变页面中的所有HTML属性JavaScript能够改变页面中的所有CSS样式JavaScript能够对页面中的所有事件做出反应（JS只能操作行内样式，不能操作内嵌样式和外部样式）如何查找HTML元素1：varx=document.getElementById("a");
原创
2019-08-04 10:23:01
550阅读
dom获取相关的api??只有一个父节点：parentNode上一个兄弟节点：previousSibling下
原创
2023-02-28 06:58:43
80阅读
jQuery获取Select选择的Text和Value:
语法解释：
1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发
2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text
// 为element增加一个样式名为newClassName的新样式 // 移除element中的样式oldClassName // 判断siblingNode和element是否为同一个父元素下的同一级的元素，返回bool值 // 获取element相对于浏览器窗口的位置，返回一个对象{x, y
原创
2021-08-04 11:19:22
198阅读
对应文档操作，我们最基本的原型还是获取到指定的DOM元素。 /**g-get the dom element by id**@function**@param {str
原创
2023-06-26 00:11:36
108阅读
lnodeType：返回一个整数，这个数值代表着给定节点的类型。nodeType属性返回的整数值对应着12 种节点类型,常用的有三种：Node.ELEMENT_NODE ---1 -- 元素节点Node.ATTRIBUTE_NODE ---2 -- 属性节点Node.TEXT_NOD
原创
2016-03-05 19:50:23
775阅读
使用DOM元素 现在我们可以把焦点转移到元素对象本身，给予它应有的重视了。 使用元素对象 HTMLElement对象提供了一组属性，你可以用它们来读取和修改被代表元素的数据。下表介绍了这些属性。 元素数据属性 属 性 说 明 返 回 checked 获取或设置checked属性是否存在 布尔值 cl ...
转载
2021-10-31 10:45:00
235阅读
2评论
