如何在我的样式表中使用 document.write?例如,我想在单独的样式表中使用 div、表格和标题,并在我的 HTML 文件的 document.write 函数中引用它。
请考虑以下样式表:
.div {
width:auto;
margin;10px;
}
.table {
background-color:purple;
border:1px solid
border-spacing:1px
border-collapse:separate;
padding:35px;
}
.caption {
background-color:purple;
}
然后我想在我的 HTML 文档中的 document.write() 函数中使用这些类:
<head> <link rel="stylehseet" href="style/myStyle.css"></head>
<body>
<script Language="JavaScript">
document.write('<div style="width:auto; margin:10px;">\
<table style="border="1" cellspacing="1" cellpadding="35">\
<caption style="background-color:purple;"> Table </caption>')
</script>
</body>
我怎样才能将定义放在 CSS 文件中并在 HTML 中引用它,而不是在 HTML 文件中定义样式?
可以这么说,我如何联合力量?
最佳答案
.div {
width:auto;
margin:10px;
}
.table,td {
border-collapse:collapse;
border: 1px solid #000;/*# is the black color*/
border-spacing: 10px;/*cellspacing*/
border-collapse: separate;/*cellspacing*/
padding: 35px;cellpadding
}
.caption {
background-color:purple; /*caption doesn't support background property*/
}
在头部放置你的css文件链接
<link rel="stylesheet" type="text/css" href="style/mystyle.css">
javascript部分
<script Language="JavaScript">
document.write('<div class="div">\
<table class="table"><tr><td></td></tr></table>\
<caption class="caption"> Table </caption></div>')
</script>
关于html - JavaScript 与 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21950326/