我要把list.html放到<div class="layui-tab-item layui-show">内容1</div>内容1的位置,我该怎么做
时间: 2024-02-06 21:09:43 浏览: 236
你可以使用 jQuery 或者原生 JavaScript 来实现。
假设你有一个 `list.html` 文件和一个包含 `<div class="layui-tab-item layui-show">内容1</div>` 的 HTML 页面。
使用 jQuery 的话,你可以使用 `load()` 方法来加载 `list.html` 文件并将其内容添加到 `div` 元素中。代码如下:
```javascript
$(document).ready(function() {
$('.layui-tab-item.layui-show').load('list.html');
});
```
如果你想使用原生 JavaScript,可以使用 `XMLHttpRequest` 对象来获取 `list.html` 文件的内容,然后将其添加到 `div` 元素中。代码如下:
```javascript
document.addEventListener('DOMContentLoaded', function() {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.querySelector('.layui-tab-item.layui-show').innerHTML = this.responseText;
}
};
xhr.open('GET', 'list.html', true);
xhr.send();
});
```
注意,以上代码中的选择器 `.layui-tab-item.layui-show` 是一个 CSS 选择器,用于选择具有 `layui-tab-item` 和 `layui-show` 类名的元素。如果你的 HTML 结构不同,你需要根据自己的情况修改选择器。
阅读全文