gpt4 book ai didi

javascript - 如何在javascript中的html表格中使用CSS

转载 作者:太空宇宙 更新时间:2023-11-04 04:09:26 24 4
gpt4 key购买 nike

这是一个示例代码,用于展示我如何在 javascript 中使用 HTML 标记。我也想将 CSS 样式添加到表中,但它在 javascript 代码中不起作用。谁能建议如何将 CSS 样式添加到我在 javascript 中的 html 表中。

<html>
<body>
<style type="text/css">
table.imagetable
{
font-family: verdana,arial,sans-serif;
font-size:11px;
color:#333333;
border-width: 1px;
border-color: #999999;
border-collapse: collapse;
}
table.imagetable th
{
background:#b5cfd2 url('cell-blue.jpg');
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #999999;
}
table.imagetable td
{
background:#dcddc0 url('cell-grey.jpg');
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #999999;
}
</style>
<script language="JavaScript" >
function getSubmit()
{

var strHtml ="";
strHtml += "<table class = 'imagetable' >";
strHtml += "<tr>";
strHtml += "<th>S No</th>";
strHtml += "<th>Roll Number</th>";
strHtml += "<th>Name</th>";
strHtml += "<th>Maths</th>";
strHtml += "<th>Physics</th>";
strHtml += "<th>Chemistry</th>";
strHtml += "<th>Total</th>";
strHtml += "<th>Percentage</th>";
strHtml += "<th>Division</th>"
strHtml += "</tr>"
strHtml += "</table>";
document.write(strHtml);
}
</script>
<div align="center" style="border-bottom-color:#330000">
<table border="1" bordercolor="#000000" class= "imagetable">
<th>S No</th>
<tr align="center">
<td><input name="button" type="button" onClick="getSubmit()" value="submit"/></td>
</tr>
</table>
</div>
</body>
</html>

最佳答案

当你这样做时:

document.write(strHtml);

它会清除页面中的所有 css 和其他 html 标记,这就是为什么您的代码中没有任何内容。你可以这样做:

var mydiv = document.createElement("div");
document.body.appendChild(mydiv);
mydiv.innerHTML = strHtml;

关于javascript - 如何在javascript中的html表格中使用CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20892782/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com