博客地址: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
Logo

前往低代码交流专区

更多推荐