javascript设置边框样式0px

我是javascript新手，所以请原谅我天真的问题

我只想在鼠标进入图像时将边框样式设置为1px可见，在鼠标离开时将边框样式设置为0。 以下是我迄今为止所做的工作：

function cardMouseEnter(ctrl) {
    document.getElementById(ctrl).style.border = "solid 1px";
}

function cardMouseLeave(ctrl) {
    document.getElementById(ctrl).style.border = "solid 0px";
}

IE可以正常工作，而Firefox和Safari可以正常工作，一旦边框设置为1px，它就不会回到0px

---

我肯定有一个陷阱。。。我知道它可以在每个对象的html标记中完成，所以请避免告诉我…

您是否尝试过

无

function cardMouseLeave(ctrl) {
    document.getElementById(ctrl).style.border = "none";
}

---

如果你想使用

0

我认为正确的语法是不带“solid”或“px”的

0

。

如果你只切换边框宽度，那么只处理边框宽度

document.getElementById(ctrl).style.borderWidth = '1px';

---

你给我们看的代码没有问题。当鼠标位于单词“test”上方时，会显示See-border，当鼠标移开时，它会再次消失。尽管我留下了您示例中的错误，但它仍能正常工作：未设置边框颜色（默认为“黑色”），并且它正在切换所有边框参数，而不是仅更改边框宽度。

问题是在MouseLeave上在IE之外不存在

---

我将其替换为onmouseout，现在它在所有3种浏览器上都可以正常工作…

如果没有看到调用这些函数的代码，就无法回答您的问题。您没有显示所有必要的代码。如何调用cardMouseEnter和cardMouseLeave函数？您必须以某种方式绑定到mouseover事件。