JavaScript CSS / HTML5中的標題和通用選擇器（*）

Question

如何在以下div中添加標題？

document.write('<div style="width:auto; margin:10px;"><table style="background-color:purple;" 
border="1" cellspacing="1" cellpadding="35">')

以下是完整的腳本：

<html>
<body>

<script Language="JavaScript">
rows = 6;
cols = 6;

document.write('<div style="width:auto; margin:10px;"><table style="background-color:purple;" 
border="1" cellspacing="1" cellpadding="35">')

/* Not apart of the Table */
//document.write('<h3> <center>Table </center> </h3>')

for (i = 0; i < rows; i++) {
   document.write('<tr>')

   for (j = 0; j < cols; j++)
   {
    document.write('<td style="color:orange;">' + (i*j) + '</td>')
   }
   document.write('</tr>')
}

document.write('</table></div>')

</script>
</body>
</html>

如何使用通用選擇器（*）使所有字體大小相同？

Answer 1

只需在表內添加一個<caption>元素：

document.write('<div style="width:auto; margin:10px;"><table style="background-
color:purple;" border="1" cellspacing="1" cellpadding="35"><caption>Title</caption>')

對於*通用選擇器，我相信您要使用CSS：

<style type="text/css">
    *{
        font-size: 12px;
    }
</style>

Answer 2

嘗試這個：

var elements = document.getElementsByTagName("*");
for (var i = 0, len = elements.length; i < len; i++) {
    var element = elements[i];
    element.style.fontSize = "20px"
}

JavaScript CSS / HTML5中的標題和通用選擇器（*）

問題描述

2 個解決方案

解決方案1
1 已采納 2014-02-22 03:21:40

解決方案2
0 2014-02-22 03:23:53

JavaScript CSS / HTML5中的標題和通用選擇器（*）

問題描述

2 個解決方案

解決方案1 1 已采納 2014-02-22 03:21:40

解決方案2 0 2014-02-22 03:23:53

解決方案1
1 已采納 2014-02-22 03:21:40

解決方案2
0 2014-02-22 03:23:53