vue.获得同胞元素,子元素,父元素
vue.获得同胞元素,子元素,父元素$parent 该组件实例的父级组件实例$children 该组件实例的子组件实例
·
博客地址: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
更多推荐
已为社区贡献19条内容
所有评论(0)