Javascript 不正确的JS和HTML

我对特定的div元素及其id有问题。我想添加悬停链接样式，但如何做到这一点？我不太明白。我的例子是：

<a href="#" onmouseover="changeDiv('image_1')" onmouseout="defaultDiv('image_1')">Home</a>

以及处理添加样式的脚本：

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

函数changeDiv（'image_1'）{
document.getElementById（'image_1'）.style.width=“230px”；
document.getElementById（'image_1'）.style.height=“162px”；
document.getElementById（'image_1'）.style.top=“0px”；
}

---

告诉我为什么此代码不适用于我的id

image\u 1

？

问题是您指定了字符串文字而不是变量作为函数的参数，这将导致语法错误

尝试将函数修改为以下内容：

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

或者，您可以修改函数，以获取一个字符串数组，其中包含元素的ID

<script>
function changeDivs(ids){
  for(var i = 0, len = ids.length; i < len; i++) {
     var elm = document.getElementById(ids[i]);
     elm.style.width="230px";
     elm.style.height="162px";
     elm.style.top="0px";
  }
}
</script>

---

函数中的属性必须是var而不是string，并且必须调用此var 比如说

function myfunc(d){ //d is varble
alert(d);

}试试这个

<a  href="#" >
    <div id='image_1' onmouseover="changeDiv('image_1')" onmouseout="defaultDiv('image_1')" style="width:100px; height:18px; border-style:ridge;">
    Home
    </div>
</a>

---

您的

changeDiv（）

函数的参数是字符串文字，这是关于什么的？如果您只想更改悬停时的样式，那么为什么不在css中使用

：hover

伪类？如何使css事件悬停在文本链接上以更改样式图片？可能的重复项不太清楚，我用这个脚本来定义一个特定的标识符？如果我有6个them@user971474在其他div的链接中，您将提供另一个id:

onmouseout=“defaultDiv（'image_2'）”

@user971474我已经更新了示例，介绍了如何处理多个元素。请在您的答案中添加一个代码示例，以便于理解。

onmouseover="changeDivs(['image_1', 'image_2'])"

function myfunc(d){ //d is varble
alert(d);

<a  href="#" >
    <div id='image_1' onmouseover="changeDiv('image_1')" onmouseout="defaultDiv('image_1')" style="width:100px; height:18px; border-style:ridge;">
    Home
    </div>
</a>

  function changeDiv(IDS){
      document.getElementById(IDS).style.width="230px";
      document.getElementById(IDS).style.height="162px";
      document.getElementById(IDS).style.top="0px";
  }