Question

我使用脚本对图片执行mouseover效果，并使用getElementById词组突出显示不同颜色的文字。我知道ID只能使用一次，如果需要多次使用，我应该使用class。但是没有getElementByClass功能。我有2个类型的区域要突出显示，一个是居中，另一个是左对齐。有没有办法对两种样式使用相同的id？

<div id="georgia">
  <style="text-align: center;">
      <strong>Headquarters:
      </strong>
    </style>more text here
</div>

这是我正在使用的脚本：

<script type="text/javascript">// < ![CDATA[
  function on(el) {    
    if (document.getElementById(el)) {              
      document.getElementById(el).style.color="green";
    };
  };
  function off(el) {
    if (document.getElementById(el)) {        
      document.getElementById(el).style.color="";
    };
  };
// ]]></script>

所以你说的是我可以用getElementByClassName替换getElementById然后它会起作用吗？

这是我使用的格式，文本的第一部分（总部）没有显示，但第二部分（此处更多文字）没问题。

Answer 1

您需要使用document.getElementsByClassName，它会返回具有class名称的对象列表：

＆＃13;

var all = document.getElementsByClassName("bar");
for(var i = 0; i < all.length; i++){
  var obj = all[i];
  obj.style.fontWeight = 'bold';
  }

＆＃13;

<div id="foo" class="bar">hi</div>
<div class="bar">bye</div>
<div id="bar">sup</div>

＆＃13;

我可以在一个div中使用不同的样式吗？

1 个答案: