Javascript 如何在innerHTML中添加jquery fadein 函数内出（文件夹）{ var typebox=document.getElementById（“typebox”）； var Loader=document.getElementById（“缩略图加载器”）； var hr=新的XMLHttpRequest（）； 打开（“POST”，“json\u type\u data.php”，true）； hr.setRequestHeader（“内容类型”、“应用程序/x-www-form-urlencoded”）； hr.onreadystatechange=函数（）{ 如果（hr.readyState==4&&hr.status==200）{ var d=JSON.parse（hr.responseText）； typebox.innerHTML=“”； 用于（变量o在d中）{ if（d[o].src）{ //创造形象 typebox.innerHTML+=“”； } } } } hr.send（“文件夹=”+文件夹）； }

抱歉，我已经做了研究，但我仍然不知道如何在我的innerHTML中添加fadein，请任何人给我一个线索，我的意思是当xml完成加载时，这些图像将fadein

我尝试了jquery fadein，但我可以让它工作，我正在使用jquery 1.9.1

函数内出（文件夹）{
var typebox=document.getElementById（“typebox”）；
var typeboxJQS=$（“#typebox”）；
var Loader=document.getElementById（“缩略图加载器”）；
var hr=新的XMLHttpRequest（）；
打开（“POST”，“json\u type\u data.php”，true）；
hr.setRequestHeader（“内容类型”、“应用程序/x-www-form-urlencoded”）；
hr.onreadystatechange=函数（）{
如果（hr.readyState==4&&hr.status==200）{
var d=JSON.parse（hr.responseText）；
typebox.innerHTML=“”；
var temp=“”；
typeboxJQS.fadeOut（）；
用于（变量o在d中）{
if（d.hasOwnProperty（o）和&d[o].hasOwnProperty（'src'）和&d[o].src！=''）{
温度+=”；
}
}
typebox.innerHTML=temp；
typeboxJQS.fadeIn（）；
}
};
hr.send（“文件夹=”+文件夹）；
}

试试这个：

函数内出（文件夹）{
var typebox=document.getElementById（“typebox”）；
var typeboxJQS=$（“#typebox”）；
var Loader=document.getElementById（“缩略图加载器”）；
var hr=新的XMLHttpRequest（）；
打开（“POST”，“json\u type\u data.php”，true）；
hr.setRequestHeader（“内容类型”、“应用程序/x-www-form-urlencoded”）；
hr.onreadystatechange=函数（）{
如果（hr.readyState==4&&hr.status==200）{
var d=JSON.parse（hr.responseText）；
typebox.innerHTML=“”；
var temp=“”；
typeboxJQS.fadeOut（）；
用于（变量o在d中）{
if（d.hasOwnProperty（o）和&d[o].hasOwnProperty（'src'）和&d[o].src！=''）{
温度+=”；
}
}
typebox.innerHTML=temp；
typeboxJQS.fadeIn（）；
}
};
hr.send（“文件夹=”+文件夹）；
}

不建议重构工作代码。但是，如果您打算使用jQuery做一些简单的事情，比如淡入。为什么不使用jQuery使所有更难的东西变得更容易呢

function inside_out(folder){
    var typebox = document.getElementById("typebox");
    var Loader = document.getElementById("thumbnail_loader");
    var hr = new XMLHttpRequest();
    hr.open("POST", "json_type_data.php", true);
    hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    hr.onreadystatechange = function() {
        if(hr.readyState == 4 && hr.status == 200) {
            var d = JSON.parse(hr.responseText);
            typebox.innerHTML = "";
            for(var o in d){
                if(d[o].src){
                    //create image
                    typebox.innerHTML += "<div class='typebox'><img id='typeImg' width='30px' height='30px' src="+d[o].src+"></div>";
                }
            }
        }
    }
    hr.send("folder="+folder);
}

函数内出（文件夹）{
var typeboxJQS=$（“#typebox”）；
变量加载器=$（“#缩略图加载器”）；
$.ajax({
url:“json_type_data.php”，
数据类型：“json”，
类型：“POST”，
数据：“文件夹=”+文件夹，
成功：功能（d）{
var temp=“”；
typeboxJQS.html（“”）.fadeOut（）；
用于（变量o在d中）{
if（d.hasOwnProperty（o）和&d[o].hasOwnProperty（'src'）和&d[o].src！=''）{
温度+=”；
}
}
typeboxJQS.html（temp.fadeIn（）；
},
错误：函数（jqXHR、textStatus、errorshown）
{
console.log（“textStatus=“+textStatus+”\terrothrown=“+errorshown”）；
}
});
}

不建议重构工作代码。但是，如果您打算使用jQuery做一些简单的事情，比如淡入。为什么不使用jQuery使所有更难的东西变得更容易呢

function inside_out(folder){
    var typebox = document.getElementById("typebox");
    var Loader = document.getElementById("thumbnail_loader");
    var hr = new XMLHttpRequest();
    hr.open("POST", "json_type_data.php", true);
    hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    hr.onreadystatechange = function() {
        if(hr.readyState == 4 && hr.status == 200) {
            var d = JSON.parse(hr.responseText);
            typebox.innerHTML = "";
            for(var o in d){
                if(d[o].src){
                    //create image
                    typebox.innerHTML += "<div class='typebox'><img id='typeImg' width='30px' height='30px' src="+d[o].src+"></div>";
                }
            }
        }
    }
    hr.send("folder="+folder);
}

函数内出（文件夹）{
var typeboxJQS=$（“#typebox”）；
变量加载器=$（“#缩略图加载器”）；
$.ajax({
url:“json_type_data.php”，
数据类型：“json”，
类型：“POST”，
数据：“文件夹=”+文件夹，
成功：功能（d）{
var temp=“”；
typeboxJQS.html（“”）.fadeOut（）；
用于（变量o在d中）{
if（d.hasOwnProperty（o）和&d[o].hasOwnProperty（'src'）和&d[o].src！=''）{
温度+=”；
}
}
typeboxJQS.html（temp.fadeIn（）；
},
错误：函数（jqXHR、textStatus、errorshown）
{
console.log（“textStatus=“+textStatus+”\terrothrown=“+errorshown”）；
}
});
}

put

$（'#typebox'）.fadeIn（）

放在循环之后。put

$（'#typebox'）.fadeIn（）放在循环之后。