Vue.js如何获得兄弟元素,子元素,父元素(DOM操作)

2020-03-11 09:37:27

<button @click = “clickfun($event)”>点击</button>

 

methods: {

clickfun(e) {

// e.target 是你当前点击的元素

// e.currentTarget 是你绑定事件的元素

    #获得点击元素的前一个元素

    e.currentTarget.previousElementSibling.innerHTML

    #获得点击元素的第一个子元素

    e.currentTarget.firstElementChild

    # 获得点击元素的下一个元素

    e.currentTarget.nextElementSibling

    # 获得点击元素中id为string的元素

    e.currentTarget.getElementById("string")

    # 获得点击元素的string属性

    e.currentTarget.getAttributeNode('string')

    # 获得点击元素的父级元素

    e.currentTarget.parentElement

    # 获得点击元素的前一个元素的第一个子元素的HTML值

    e.currentTarget.previousElementSibling.firstElementChild.innerHTML

 

    }

        },



  • 2019-04-30 11:23:36

    elasticsearch和analysis-ik的安装使用

    全文搜索和中文分词主要介绍了两组全文搜索加中文分词方案; TNTSearch+jieba-php这套组合对于博客这类的小项目基本够用了;

  • 2019-04-30 11:42:24

    php7+laravel+coreseek(sphinx)中文搜索初步实现(Linux)

    官网www.coreseek.cn已不能下载,所以需从网上找资源, 注意的一点是,笔者安装coreseek-3.2.14版本后,使用时提示client版本高于server版本的错误, php的sphinx扩展,为使用者,为client;coreseek是系统服务,为server

  • 2019-04-30 13:55:13

    浅谈mysql fulltext全文索引优缺点

    为什么会注意到mysql的fulltext? nima, 还是上次innodb转成tokudb引擎的事,这次alter修改表引擎的时候,提示percona tokudb是不支持fulltext索引的.

  • 2019-04-30 18:56:52

    elasticsearch文档操作

    使用了Elasticsearch提供的一整套强大的REST API,本文继续来看通过这一套API如何完成文档的基本操作。