顏色選擇器代碼

Question

我有這段代碼來更改div中元素的顏色，例如背景顏色，文本顏色，活動鏈接顏色，訪問的鏈接顏色等。 我必須在文本框中輸入每種顏色，相應地背景顏色，文本顏色，鏈接顏色也會改變。 這是計划的目標。 但我無法更改活動，關注和訪問鏈接的顏色。 僅使用HTML，CSS和JavaScript怎么做？ 請不要告訴我任何使用jQuery的方法，因為我不知道jQuery。 我只想要JavaScript。

 <html>
     <head>
     </head>
     <body>
         <script>
             function fun()
             {
                 var bg=document.getElementById("t1").value;
                 var txt=document.getElementById("t2").value;
                 var al=document.getElementById("t3").value;
                 var vl=document.getElementById("t4").value;
                 var hv=document.getElementById("t5").value;
                 document.getElementById("dv").style.backgroundColor=bg;
                 document.getElementById("dv").style.alinkcolor=txt;
                 document.getElementById("dv").style.vlinkcolor=al;
                 document.getElementById("dv").style.color=vl;
                 document.getElementById("dv").style.color=hv;
             }
         </script>
         <h1>Enter Colors: </h1>
         Background: <input type="text" id="t1" name="txt1">
         <br/><br/>
         Text:  <input type="text" id="t2" name="txt2">
         <br/><br/>
         Link:  <input type="text" id="t3" name="link">
         <br/><br/>
         Active Link: <input type="text" id="t4" name="alink">
         <br/><br/>
         Followed Link: <input type="text" id="t5" name="vlink">
         <br/><br/>
         <input type="button" value="test" onclick="fun();">
         <br/><br/>
         <div id="dv">&nbsp;hello
             This is a Test<br/>
             You Have Selected These Colors<br/>
             <a href="#">This is a Test Link</a><br/>
         </div>
 </body>
 </html>

Answer 1

我通過將ID分配給元素來更新了代碼。 這是更新的代碼。 嘗試使用此代碼以查看是否有幫助。 謝謝。

<html>
<head>
</head>
<body>
     <script>
         function fun()
         {
             var bg=document.getElementById("t1").value;
             var txt=document.getElementById("t2").value;
             var al=document.getElementById("t3").value;
             var vl=document.getElementById("t4").value;
             var hv=document.getElementById("t5").value;
             document.getElementById("dv").style.backgroundColor=bg;
             document.getElementById("link").style.alinkcolor=al;
             document.getElementById("link").style.vlinkcolor=vl;
             document.getElementById("para").style.color=txt;
             document.getElementById("link").style.color=hv;
         }
     </script>
     <h1>Enter Colors: </h1>
     Background: <input type="text" id="t1" name="txt1">
     <br/><br/>
     Text:  <input type="text" id="t2" name="txt2">
     <br/><br/>
     Link:  <input type="text" id="t3" name="link">
     <br/><br/>
     Active Link: <input type="text" id="t4" name="alink">
     <br/><br/>
     Followed Link: <input type="text" id="t5" name="vlink">
     <br/><br/>
     <input type="button" value="test" onclick="fun();">
     <br/><br/>
     <div id="dv">&nbsp;
       <p id="para">hello This is a Test<br/>
         You Have Selected These Colors<br/><p>
         <a id="link" href="#">This is a Test Link</a><br/>
     </div>

顏色選擇器代碼

問題描述

1 個解決方案

解決方案1
0 2014-10-12 15:56:03

顏色選擇器代碼

問題描述

1 個解決方案

解決方案1 0 2014-10-12 15:56:03

解決方案1
0 2014-10-12 15:56:03