0

早上好!我遇到了创建一个javascript的问题,它将恢复带有特定容器div id的添加样式的链接。我的代码示例:

<a href="#" onmouseover="changeDiv()" onmouseout="defaultDiv()">Сантехника и электрика</a>

在我添加了一个 html 代码之后

<script>
      function changeDiv(){
      document.getElementById("images_1").style.width="230px";
      document.getElementById("images_1").style.height="162px";
      document.getElementById("images_1").style.top="0px";
    }
</script>

现在我的问题是如何一次为特定的 id 设置样式?如果我使用另外 5 个块 div

4

2 回答 2

2

将一个类附加到您的 div,然后使用 document.getElementsByClassName('class')。这将返回一个元素数组,您可以使用 for 循环对其进行调整。

于 2012-12-23T11:48:42.283 回答
1

使用参数

<script>
      function changeDiv(ids){
      document.getElementById(ids).style.width="230px";
      document.getElementById(ids).style.height="162px";
      document.getElementById(ids").style.top="0px";
    }
</script>

并使用喜欢

<a href="#" onmouseover="changeDiv('image_1')" onmouseout="defaultDiv('do yourself')">Сантехника и электрика</a>

编辑:(回答您的评论)

<script> function changeDiv(ids){ document.getElementById(ids).style.borderRadius="5px"; } </script>
于 2012-12-23T11:28:51.157 回答