在Uni-app中进行DOM操作是一个非常重要的技能，因为这使开发者可以修改和操作网页的不同部分。通过DOM操作，开发者可以添加、修改或删除网页的不同元素。
1. 获取元素
在Uni-app中获取元素非常容易，可以使用JavaScript的原生方法 document.querySelector() 和 document.querySelectorAll()。
1.1 document.querySelector()
document.querySelector() 方法用于返回文档中匹配指定 CSS 选择器的一个元素。如果有多个匹配的元素，则返回第一个匹配的元素。
例如，如果想要获取一个ID为 myDiv 的元素：
let myDiv = document.querySelector('#myDiv');这将返回一个对象，其中包含 id 属性为 myDiv 的第一个元素。
1.2 document.querySelectorAll()
document.querySelectorAll() 方法将返回文档中与指定 CSS 选择器匹配的所有元素的列表。
例如，要获取所有类名为 myClass 的元素：
let myClassElements = document.querySelectorAll('.myClass');这将返回一个元素列表，其中包含类名为 myClass 的所有元素。
2. 修改元素
在Uni-app中，也可以使用一些方法来修改元素的属性、样式和文本内容。
2.1 修改元素的属性
要修改元素的属性，可以使用 JavaScript 中的 setAttribute() 方法。例如，要将图像的源更改为其他图像：
let myImg = document.querySelector('#myImg');
myImg.setAttribute('src', 'newImage.jpg');
这将更改 src 属性的值，以便它指向新的图像。
2.2 修改元素的样式
要修改元素的样式，可以使用 JavaScript 中的 style 属性。
例如，要更改元素的背景颜色：
let myDiv = document.querySelector('#myDiv');
myDiv.style.backgroundColor = 'red';
这将更改元素的背景颜色为红色。
2.3 修改元素的文本内容
要修改元素的文本内容，可以使用 JavaScript 中的 textContent 属性。
例如，要更改元素的文本内容为“Hello, World!”：
let myPara = document.querySelector('#myPara');
myPara.textContent = 'Hello, World!';
这将更改元素的文本内容为“Hello, World!”。
3. 添加和删除元素
在Uni-app中，也可以添加和删除元素。
3.1 添加元素
要添加元素，可以使用 JavaScript 中的 createElement() 方法创建一个新元素，然后使用 appendChild() 方法将其添加到现有元素中。
例如，要添加一个新段落到一个元素中：
let myDiv = document.querySelector('#myDiv');
let newPara = document.createElement('p');
newPara.textContent = 'This is a new paragraph.';
myDiv.appendChild(newPara);
这将创建一个新段落，设置其文本内容，然后将其添加到 myDiv 元素中。
3.2 删除元素
要删除元件，可以使用 JavaScript 中的 remove() 方法。
例如，要删除一个元素：
let myElement = document.querySelector('#myElement');
myElement.remove();
这将从文档中删除元素。
总之，Uni-app通过使用JavaScript中的DOM操作，允许开发者动态地修改和操作网页的不同部分，这使得不仅限于创建静态页面，同时可以构建动态和响应型页面。