温馨提示×

document.write如何写入复杂内容

小樊
82
2024-06-26 16:05:47
栏目: 编程语言

要在document中写入复杂内容,可以使用HTML标签和JavaScript来构建内容。以下是一个示例,展示如何在document中写入包含表格、列表和样式的复杂内容:

document.write(`<h1>复杂内容示例</h1>`);
document.write(`<p>这是一个包含表格、列表和样式的复杂内容示例。</p>`);

document.write(`<h2>表格示例</h2>`);
document.write(`<table border="1">
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
<tr>
<td>张三</td>
<td>25</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>30</td>
<td>女</td>
</tr>
</table>`);

document.write(`<h2>列表示例</h2>`);
document.write(`<ul>
<li>项目1</li>
<li>项目2</li>
<li>项目3</li>
</ul>`);

document.write(`<h2>样式示例</h2>`);
document.write(`<p style="color: blue; font-size: 18px;">这是一个带有样式的段落。</p>`);

在上面的示例中,使用document.write来写入多个HTML标签,包括标题(h1、h2)、段落(p)、表格(table)、列表(ul、li)和带有样式的段落。这样可以创建一个包含复杂内容的页面。请注意,在编写复杂内容时,需要小心确保HTML标签和JavaScript语法正确,以避免出现错误。

0