vue.获得同胞元素，子元素，父元素

博客地址：http://www.globm.top/blog/1/detail/37

$parent 该组件实例的父级组件实例
$children 该组件实例的子组件实例

//通过ref属性获取
this.$refs.handle.$parent
this.$refs.handle.$children

// e 指向当前元素，可以通过 $event传递
e.target 
	是你当前点击的元素
	
e.currentTarget 
	是你绑定事件的元素

e.currentTarget.previousElementSibling.innerHTML
	获得点击元素的前一个元素

e.currentTarget.firstElementChild
	获得点击元素的第一个子元素

e.currentTarget.nextElementSibling
　　获得点击元素的下一个元素

e.currentTarget.getElementById("string")
　　获得点击元素中id为string的元素

e.currentTarget.getAttributeNode('string')
　　获得点击元素的string属性

e.currentTarget.parentElement
　　获得点击元素的父级元素

e.currentTarget.previousElementSibling.firstElementChild.innerHTML
　　 获得点击元素的前一个元素的第一个子元素的HTML值

原生JS添加类名 删除类名

为 div>元素添加 class:

document.getElementById("myDIV").classList.add("mystyle");

为 div 元素添加多个类:

document.getElementById("myDIV").classList.add("mystyle", "anotherClass", "thirdClass");

为 div元素移除一个类:

document.getElementById("myDIV").classList.remove("mystyle");

为 div 元素移除多个类:

document.getElementById("myDIV").classList.remove("mystyle", "anotherClass", "thirdClass");

检查是否含有某个CSS类

myDiv.classList.contains('myCssClass'); //return true or false