改变Z-Index onclick

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>