Question

早上好！我遇到了问题创建一个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

Answer 1

将一个类附加到div，然后使用document.getElementsByClassName（'class'）。这将返回一个元素数组，您可以使用for循环进行调整。

Answer 2

使用参数

<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>

如何指定某个样式id div标签

2 个答案: