Vue怎么操作父元素、兄弟元素、子元素

- 日理万妓 2021-09-24 01:52 1121阅读 0赞
  1. <button @click = “getDom($event)”>点击</button>
  2. methods: {
  3. getDom(e) {
  4. // e.target 是你当前点击的元素
  5. // e.currentTarget 是你绑定事件的元素
  6. #获得点击元素的前一个元素
  7. e.currentTarget.previousElementSibling.innerHTML
  8. #获得点击元素的第一个子元素
  9. e.currentTarget.firstElementChild
  10. # 获得点击元素的下一个元素
  11. e.currentTarget.nextElementSibling
  12. # 获得点击元素中id为string的元素
  13. e.currentTarget.getElementById("string")
  14. # 获得点击元素的string属性
  15. e.currentTarget.getAttributeNode('string')
  16. # 获得点击元素的父级元素
  17. e.currentTarget.parentElement
  18. # 获得点击元素的前一个元素的第一个子元素的HTML值
  19. e.currentTarget.previousElementSibling.firstElementChild.innerHTML
  20. }
  21. },

发表评论

表情:
评论列表 (有 0 条评论,1121人围观)

还没有评论,来说两句吧...

相关阅读