javaScript onMouseOver Firefox에서 DocType와 협력하지 않습니까?

Question

내 웹 사이트의 메뉴에 JavaScript OnMouseOver 이벤트를 사용하고 있지만 DocType를 선언 할 때 Firefox에서는 작동하지 않습니다. DocType를 선언하지 않으면 페이지가 잘못 표시됩니다. 다음은 내가 사용한 방법입니다.

loadImage1 = new Image();
loadImage1.src = "http://broken.gif"; 
staticImage1 = new Image();
staticImage1.src = "http://broken.gif";

loadImage2 = new Image();
loadImage2.src = "http://broken.gif";
staticImage2 = new Image();
staticImage2.src = "http://broken.gif";

loadImage3 = new Image();
loadImage3.src = "http://broken.gif";
staticImage3 = new Image();
staticImage3.src = "http://broken.gif";

function showa() {
    image1.src=loadImage1.src;
}

function hidea() {
    image1.src=staticImage1.src;
}

function showb() {
    image2.src=loadImage2.src;
}

function hideb() {
    image2.src=staticImage2.src;
}

function showc() {
    image3.src=loadImage3.src;
}

function hidec() {
    image3.src=staticImage3.src;
}

그리고 몸에서 :

    <a href="http://broken.html" onMouseOver="showa()" onmouseout="hidea()">
        <img name="image1" src="http://broken.gif" alt="Browse" width="193" height="47" border="0" />
    </a>

    <a href="http://broken.html" onmouseover="showb()" onmouseout="hideb()">
        <img name="image2" src="http://broken.gif" width="193" height="47" alt="Make a List" border="0" />
    </a>

    <a href="http://broken.html" onmouseover="showc()" onmouseout="hidec()">
        <img name="image3" src="http://broken.gif" width="193" height="47" alt="Requests" border="0" />
    </a>
</div>

<div id="searchbar">
    <img  src="..broken.gif" width="222" height="41" />
    <img src="..broken.gif" width="108" height="41" alt="Search" />

Answer 1

Firefox는 이미지를 이름으로 언급하는 방식이 마음에 들지 않습니다. 대신 ID와 GetElementById를 사용하십시오.

편집하다. 우수한 Ben Blank의 의견을 주목하십시오. 어떤 이유로 wmd가 게시물에 올바르게 표시되지 않을 것입니다.

Answer 2

좋아, 나는 그것을 JavaScript와 함께 일하게했다. 나는이 커뮤니티에 깊은 감명을 받았다고 말해야합니다. 모든 도움에 감사드립니다. 이제 나는 올바른 방법으로 그것을 배우겠습니다.).