原生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.n
·
原生
先获取对象
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 = ""
更多推荐
已为社区贡献5条内容
所有评论(0)