Question

JavaScript noob在这里。我正在网站上工作，我正在尝试使用按钮更改一组帧的z-index。我无法让它发挥作用。

到目前为止，这就是我所拥有的。

function changeZIndex(i,id) {
  document.getElementById(id).style.zIndex=i;
}

在身体

<A HREF="#" onclick='changeZIndex(1,'aboutus')'><IMG NAME="one" SRC="button1.bmp"></A>
<A HREF="#" onclick='changeZIndex(1,'contactus')'><IMG NAME="two" SRC="button2.bmp"></A>

是的，我意识到这可能是有史以来最愚蠢的问题，答案非常明显。这是我第一次编写JavaScript，所以请放轻松我吧！：3

Answer 1

确保您的报价已正确转义。尝试：

<a href="#" onclick="changeZIndex(1,'aboutus')"><img name="one" src="button1.bmp"></a>
<a href="#" onclick="changeZIndex(1,'contactus')"><img name="two" src="button2.bmp"></a>

注意onclick周围的双引号

Answer 2

您的引号错误 - 请查看语法高亮显示：

<A HREF="#" onclick='changeZIndex(1,'aboutus')'><IMG NAME="one" SRC="button1.bmp"></A>
<A HREF="#" onclick='changeZIndex(1,'contactus')'><IMG NAME="two" SRC="button2.bmp"></A>

你可以这样做：

<A HREF="#" onclick="changeZIndex(1,'aboutus')"><IMG NAME="one" SRC="button1.bmp"></A>
<A HREF="#" onclick="changeZIndex(1,'contactus')"><IMG NAME="two" SRC="button2.bmp"></A>

Answer 3

看看你的报价，
如果你将'aboutus'的zindex改为1，不要忘记将'contactus'的zindex改为0。
否则，如果您将'contactus'的zindex更改为1，请不要忘记将'aboutus'的zindex更改为0。

<A HREF="#" onclick="changeZIndex(1,'aboutus');changeZIndex(0,'contactus');"><IMG NAME="one" SRC="button1.bmp"></A>
<A HREF="#" onclick="changeZIndex(1,'contactus');changeZIndex(0,'aboutus');"><IMG NAME="two" SRC="button2.bmp"></A>

改变Z-Index onclick

3 个答案: