原生JS 与 VUE获取父级、子级、兄弟节点的方法 及一些DOM对象的获取

原生

先获取对象

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 = ""