微信小程序怎么用js给html标签加参数
时间: 2023-08-16 19:28:25 浏览: 55
在微信小程序中,我们通常使用 `WXML` 语言来编写页面的结构,而不是使用 `HTML`。在 `WXML` 中,我们可以使用 `data-*` 属性来给标签添加自定义数据,这些数据可以在对应的 `JS` 文件中进行操作。
下面是一个示例,展示如何在 `WXML` 中添加 `data-*` 属性:
```xml
<view data-index="0" class="item">第一个标签</view>
<view data-index="1" class="item">第二个标签</view>
<view data-index="2" class="item">第三个标签</view>
```
在对应的 `JS` 文件中,我们可以通过以下方式获取这些自定义数据:
```javascript
Page({
onItemClick: function(event) {
const index = event.currentTarget.dataset.index;
console.log(`点击了第 ${index} 个标签`);
}
})
```
在上面的示例中,`event.currentTarget` 表示当前被点击的标签,`dataset` 属性包含了该标签上的所有自定义数据。我们可以通过 `dataset.index` 获取到 `data-index` 属性的值。
需要注意的是,由于微信小程序的安全限制,不能直接使用 `setAttribute` 等方法来动态修改标签的属性。如果需要动态修改数据,可以通过 `setData` 方法来实现。