簡體   English   中英

更改數組中特定元素的字體顏色 - Javascript

[英]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.innerHTMLdocument.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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM