在uni-app中，操作dom

在uni-app中，你可以通过uni.createSelectorQuery来选择和操作DOM元素。以下是一些常见的DOM操作：

1. 选择DOM元素：

// 选择一个元素
const query = uni.createSelectorQuery();
query.select('.your-class').boundingClientRect(data => {
  console.log(data);
}).exec();

// 选择多个元素
const queryAll = uni.createSelectorQuery();
queryAll.selectAll('.your-class').boundingClientRect(data => {
  console.log(data);
}).exec();

2. 设置元素样式：

const query = uni.createSelectorQuery();
query.select('.your-class').fields({ style: true }, data => {
  const element = data[0];
  if (element) {
    element.style.backgroundColor = 'red';
    element.style.fontSize = '16px';
  }
}).exec();

3. 获取和设置元素属性：

const query = uni.createSelectorQuery();
query.select('.your-class').fields({ dataset: true }, data => {
  const element = data[0];
  if (element) {
    // 获取属性
    const value = element.dataset.yourAttribute;

    // 设置属性
    element.dataset.newAttribute = 'new value';
  }
}).exec();

请注意，上述代码中的.your-class应该替换为你要选择的实际类名或标签名。uni.createSelectorQuery用于创建选择器查询实例，然后你可以使用不同的方法进行查询和操作DOM元素。