document by id by id在java脚本中返回null

时间:2018-06-04 14:15:32

标签: javascript html function dom document

我试着用我的代码允许用户添加他想要的任意数量的元素,我希望他也能够删除所述元素,所以我分配了包含每个元素的div一个不同的id divz.id = {{ 1}}我分配了div中每个按钮的id一个对应于div的数字,所以我使用按钮的id作为输入来删除它所在的div,但是它一直返回值为空值, 这是我的代码: -

Anime${++AnmNum}

和我的HTML: -

            var AnmNum = 0;
function DelAnime(idd){
if (document.getElementById(`Anime${idd}`) !== null)
    {
        document.getElementById(`Anime${idd}`).remove();
    }
}
function AdAnm (){
var EpNum = 0;
var nam = document.createElement("input");
nam.id="animeName";
var divz = document.createElement("div");
divz.id=`Anime${++AnmNum}`;
var btnP = document.createElement("BUTTON");
var ep = document.createElement("input");
ep.id="EpN";
var btnM = document.createElement("BUTTON");
var DelAnm = document.createElement("BUTTON");
DelAnm.id=`${++AnmNum}`;
var p = document.createTextNode("+");
var m = document.createTextNode("-");
var DA = document.createTextNode("Delete the anime.");
DelAnm.onclick = DelAnime(DelAnm.id.parseInt);
var EpNumNode = document.createTextNode(EpNum);
ep.appendChild(EpNumNode);
btnP.appendChild(p);
DelAnm.appendChild(DA);
btnM.appendChild(m);
divz.appendChild(nam);
divz.appendChild(btnM);
divz.appendChild(ep);
divz.appendChild(btnP);
divz.appendChild(DelAnm);
document.body.appendChild(divz);
}

无论我尝试什么文件.getElementById总是返回null

0 个答案:

没有答案