我要把list.html放到<div class="layui-tab-item layui-show">内容1</div>内容1的位置,我该怎么做
时间: 2024-02-06 18:09:39 浏览: 58
day38-Mobile Tab Navigation(手机tab栏导航切换)
你可以在`<div class="layui-tab-item layui-show">内容1</div>`中添加一个空的`<div>`标签,然后使用JavaScript将`list.html`文件中的内容插入到这个空的`<div>`标签中。
首先,在`<div class="layui-tab-item layui-show">内容1</div>`中添加一个空的`<div>`标签,如下所示:
```
<div class="layui-tab-item layui-show">
<div id="list-container"></div>
</div>
```
然后,在JavaScript中使用`fetch`函数获取`list.html`文件的内容,并将其插入到`<div id="list-container"></div>`中,如下所示:
```
fetch('list.html')
.then(response => response.text())
.then(data => {
document.querySelector('#list-container').innerHTML = data;
});
```
这段代码会先使用`fetch`函数获取`list.html`文件的内容,然后将其转换为文本格式,并将其赋值给`<div id="list-container"></div>`的`innerHTML`属性,从而将`list.html`文件的内容插入到这个`<div>`标签中。
请注意,这段代码必须在页面加载完成后执行,否则无法找到`<div id="list-container"></div>`。你可以将其放在`window.onload`事件处理程序中,或者使用`defer`属性将其延迟到页面加载完成后执行。
阅读全文