原生

先获取对象
var a = document.getElementById("dom");

vue

先添加ref
	<div class="" ref="divBox">
获取对象
let a = this.$refs.divBox

获取父、子、兄弟节点方法

var b = a.childNodes; 获取a的全部子节点 
var c = a.parentNode; 获取a的父节点
var d = a.nextSbiling; 获取a的下一个兄弟节点
var d = a.nextElementSibling; 获取a的下一个兄弟节点 
var e = a.previousSbiling;获取a的上一个兄弟节点 
var e = a.previousElementSibling;获取a的上一个兄弟节点 
var f = a.firstChild; 获取a的第一个子节点 
var g = a.lastChild; 获取a的最后一个子节点 

获取节点宽度或者高度

var w = a.clientWidth||a.offsetWidth;
var h = a.clientHeight||a.offsetHeight;

获取所有含某些class元素,

document.querySelectorAll('.xxx')

设置元素html

a.innerHTML = ""
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐