Javascript 获取表的特定元素
大家好,我正在尝试在我的表中获取一个特定元素,并向其中添加一个类,以便在上传图像时使红色按钮变为绿色。但我无法获取表中的特定行。有人能找到解决办法吗 我的代码:Javascript 获取表的特定元素,javascript,vue.js,datatable,Javascript,Vue.js,Datatable,大家好,我正在尝试在我的表中获取一个特定元素,并向其中添加一个类,以便在上传图像时使红色按钮变为绿色。但我无法获取表中的特定行。有人能找到解决办法吗 我的代码: <b-table hover :filter="filter" id="my-table" :bordered="bordered" :fields="fields&qu
<b-table hover
:filter="filter"
id="my-table"
:bordered="bordered"
:fields="fields"
:items="items"
:per-page="perPage"
:current-page="currentPage"
responsive
striped
small>
<template v-slot:cell(actions)="row">
<b-button id="btnImage" size="sm" @click="info(row.item, $event.target)" class="addModal mr-2" ref="addModal">
<font-awesome-icon :icon="['fas', 'image' ]" />
</b-button>
</template>
</b-table>
如果我这样做:var tr=document.getElementById(“我的表”).getElementsByTagName(“tr”);我得到以下输出:
每个tr内部都有一个名为innerText的元素,该元素引用了您可以在我的表格中看到的id:
但是,如何获取表中的特定行并向该特定行的按钮添加类呢?使用作用域字段槽
<template v-slot:cell(nameage)="data">
{{ data.item.name.first }} is {{ data.item.age }} years old
</template>
{{data.item.name.first}}是{{data.item.age}岁
参考。我认为它有很好的文档记录。适合每一个需要它的人。我修复了将row.item作为方法参数的问题,该参数非常简单,但效果非常好row@BoussadjraBrahim如果我试着这样做,我会发现这一行是不存在的。我怎样才能做到这一点。是否需要将html中的row.item指定给脚本?每行的类基于什么?我对您所说的最初反应是,应该在项目或行的数据中跟踪这一点。你能详细说明你想对这一行做什么吗?再详细一点你到底想做什么会很有帮助。@jonnycraze我正在尝试获取特定的行,然后点击该行的按钮并向其中添加一个类