0

XMLファイルから調整を読み取るこの関数があります。この関数はウィンドウ内で緩んでいるときに正常に機能します。しかし、それを関数内に置くと、エラーが発生します。Cannot read property 'style' of null.行127。

行127は

document.getElementById(id).style.top=Ynod;

何か案は ?

var main = (function () {

    var id=Math.floor((Math.random()*1000000)+1);


    document.getElementById("add-new-sticker-btn").addEventListener("click", function(){
        id += 1;
        console.log(id);
        add_sticker(""); /**"" removes undefined "*/

        var xmlhttp;
        xmlhttp=new XMLHttpRequest();
        xmlhttp.open("POST","/project2/php/insert.php",true); /*Search way... JS to javaScript*/
        xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        xmlhttp.send("textBoxID="+id);
    });


    function run() {
        readXml();
    }

    function readXml() {
        var xmlhttp;
        xmlhttp = new XMLHttpRequest();
        xmlhttp.open("get", 'xml/stickers.xml', false);
        xmlhttp.send();
        var myXML = xmlhttp.responseXML;
        stickers = myXML.getElementsByTagName("sticker");

        for (i = 0; i < stickers.length; i++) {
            var idNod = (stickers[i].getElementsByTagName("id")[0].childNodes[0].nodeValue); /*Get the ID*/
            var id = idNod;
            var textNod = (stickers[i].getElementsByTagName("text")[0].childNodes[0].nodeValue); /* Text*/
            add_sticker(textNod); /*Call creator function*/

            var Xnod = (stickers[i].getElementsByTagName("x")[0].childNodes[0].nodeValue) + 'px'; /*Get the x position Add PX for pixel*/
            var Ynod = (stickers[i].getElementsByTagName("y")[0].childNodes[0].nodeValue) + 'px'; /*Get the y position*/
            var Znod = (stickers[i].getElementsByTagName("z")[0].childNodes[0].nodeValue); /*Get the y position*/
            console.log(Ynod) // Gives correct Y and X
            console.log(Xnod)

            document.getElementById(id).style.top = Ynod;
            document.getElementById(id).style.left = Xnod;
            document.getElementById(id).style.zIndex = Znod;
        }
    }

    window.addEventListener("load", run);
    return {};
}());
4

2 に答える 2

1

idNodは未定義です。ステッカーに要素が含まれていることを確認し、stickers [i] .getElementsByTagName( "id")[0].childNodesをコンソールに印刷してみてください。

于 2013-03-25T10:56:10.977 に答える
0

Okej私は自分で問題を見つけました。私はグローバル変数varを呼び出していました。すべてが機能するようid = idNod; に変更した場合 :)var id = idNod;id=idNod

于 2013-03-26T15:18:35.957 に答える