[英]Change Font Colors of specific Elements in Array - Javascript
全部。
我正在嘗試創建一個數組,我可以在其中更改其中字體的顏色。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Array Font Colors</title>
</head>
<body>
<script type="application/javascript">
var colors= new Array("Black", "White", "Yellow");
for(var a=0; a<colors.length; a++){
document.write(colors[a]+ "<br>");
}
</script>
</body>
</html>
以上是我制作數組並顯示它的內容。 我不確定如何將每個元素的顏色更改為其給定的數組值。 例如,由於第二個數組元素值為白色,因此將字體顏色設為白色。 我是 JavaScript 的新手,對如何做到這一點有點困惑。
謝謝
您可以通過使用document.body.innerHTML
或document.write
以兩種方式嘗試
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Array Font Colors</title> </head> <body> <script type="application/javascript"> var colors= new Array("Black", "White", "Yellow"); for(var a=0; a<colors.length; a++){ // document.body.innerHTML += "<div style='color:" + colors[a] + "'>" + colors[a] + "</div>"; //or document.write("<div style='color:" + colors[a] + "'>" + colors[a] + "</div>"); } </script> </body> </html>
將 css 應用到 document.write
<html> <head> <meta charset="utf-8"> <title>Array Font Colors</title> </head> <body> <script type="application/javascript"> var colors= new Array("Black", "White", "Yellow"); for(var a=0; a<colors.length; a++){ document.write("<p style='color:"+colors[a]+"'>"+colors[a]+ "</p>"); } </script> </body> </html>
不要使用document.write
,而是將span
標簽附加到body
。
將該document.write
語句替換為
document.body.innerHTML += "<span style='color:" + colors[a] + "'>" + colors[a] + "</span>";
不是最好的方法,但試試這個document.write(colors[a].fontcolor("yourcolor")+ "<br>")
可以是任何 css 顏色 // #db3f3f
, "red"
等等..
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.