Javascript 如何使用getElementsByClassName？_Javascript

Javascript 如何使用getElementsByClassName？

javascript

Javascript 如何使用getElementsByClassName？,javascript,Javascript,嘿，伙计们，我在使用getElementByClassName时出错了。我的意图是，我想通过从下拉列表中选择一个选项来更改多个文本的颜色，其中每个选项具有不同的颜色在这里，我为所有文本指定了一个类名这是我的密码 <html> <head> <script type="text/javascript"> function copyText(selectedElement) { var classN

嘿，伙计们，我在使用getElementByClassName时出错了。我的意图是，我想通过从下拉列表中选择一个选项来更改多个文本的颜色，其中每个选项具有不同的颜色

在这里，我为所有文本指定了一个类名

这是我的密码

<html>
   <head>
      <script type="text/javascript">
         function copyText(selectedElement) {
            var className = document.getElementsByClassName("incomeTypeSalary");
            for (i = 0; i < className.length; i++)

            {
               className[i].style.color = selectedElement.options[selectedElement.selectedIndex].style.color;
            }

         }
      </script>
   </head>

   <body>
      <div style="width:600px;border:1px solid black;float:left">
         <select width="200px" id="selectedElement" onclick="copyText(selectedElement)">
            <option style="color:red">Theta Saving Plan</option>
            <option style="color:green">Roth Plan</option>
            <option style="color:yellow">IRG Plan</option>
            <option style="color:PINK">II Plan</option>
         </select>
      </div>
      <div style="width:300px;border:1px solid black;float:left">
         <span style="padding-top:30px;font-size:24px;font-family:arial:" class="incomeTypeSalary">Contribution</span>
         <table style="padding-top:24px">
            <tr>
               <td>
                  <span class="incomeTypeSalary">Annual Salary</span>
               </td>
               <td>
                  <input type="text" style="width:81px; direction:rtl;">
               </td>
            </tr>
            <tr>
               <td>
                  <span class="incomeTypeSalary2">Annual Coomission</span>
               </td>
               <td>
                  <input type="text" style="width:81px; direction:rtl;">
               </td>
            </tr>
            <tr>
               <td>
                  <span class="incomeTypeSalary3">Annual Bonus</span>
               </td>
               <td>
                  <input type="text" style="width:81px; direction:rtl;">
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>


函数copyText（selectedElement）{
var className=document.getElementsByClassName（“incomeTypeSalary”）；
对于（i=0；i


请帮助我。提前谢谢。
将onclick
更改为onchange



这将适用于所有浏览器
function getElementsByClassName(className) {
    if (document.getElementsByClassName) {
        return document.getElementsByClassName(className);
    }
    else {
        return document.querySelectorAll('.' + className);
    }
}

请粘贴您的错误场景标题：getElementByClassName
-->getElementsByClassName
嘿，谢谢我尝试了你所说的…bt它仍然没有工作..颜色没有反射回文本检查工作样本的链接hey，很抱歉，我在IE8和firefox中尝试了上面的链接，但它不工作..更改copyText（selectedElement）
到copyText（此）
将适用于firefox和chrome。IE对此有一个已知的问题。对于所有浏览器支持，请使用jQuery$（'.incomeTypeSalary'）
感谢它现在的工作……但是你能给我一些比这更好的主意来更改选项选择上多个文本的颜色吗。。。