创建元素,然后插入html标记

Question

我有一个json数据,我在其中循环并在每个(.searchinput-sub)中创建一组li

var searchinput_sub = document.querySelectorAll(".searchinput-sub");
for (var i = 0, max = searchinput_sub.length; i < max; i++) {
    var jsonResData = JSON.parse(e.data);
    for(var l=0;l<jsonResData.length;l++){
        //create a li element
        var newEl = document.createElement('li');
        newEl.innerHtml ='<a href="#">test</a>';
        searchinput_sub[i].querySelector('.resultsHolder').appendChild(newEl);
    }
}

但这一部分

newEl.innerHtml ='<a href="#">test</a>';

不起作用,就像只添加了li标签一样.有什么想法,请帮忙吗？

Answer 1

这将是 innerHTML不innerHtml:

newEl.innerHTML ='<a href="#">test</a>';