Question

我有一个HTML字符串，我想获取img元素并初始化它。

  var discountItem =  '<li class="sidebar-brand" style="font-weight: bold; color: #9999  class="col-item">' +
            '<div class="post-img-content">' +
                '<img src=" " class="img-responsive" id="mimo"  />'+
                '<span class="post-title">'+
                    '<b>Perfumes</b><br>'+
                    '<b>Clássico</b>'+
                '</span>'+
                '<span class="round-tag">-15%</span>'+
            '</div>'+
            '</li>';

        var k = app.clone(discountItem);


        var df = document.createDocumentFragment();

        // create a placeholder node to hold the innerHTML
        var el = document.createElement('body');
        el.innerHTML = k;

        // append to the document fragment
        df.appendChild(el);

        // execute .getElementById
        console.log(df.getElementByClassName('img-responsive');         

        view += k;

clone : function(obj){
    try{
        var copy = JSON.parse(JSON.stringify(obj));
    } catch(ex){
        console.log("you are using an old navigator");
    }
    return copy;
}

我尝试了这个，但它不起作用。

我的目标是初始化图像的src。有人能帮助我吗？

Answer 1

如果您尝试查找img元素，则可以减少工作量：只需创建body，将HTML附加到其中，然后使用querySelector ：

＆＃13;

var discountItem =  '<li class="sidebar-brand" style="font-weight: bold; color: #9999  class="col-item">' +
            '<div class="post-img-content">' +
                '<img src=" " class="img-responsive" id="mimo"  />'+
                '<span class="post-title">'+
                    '<b>Perfumes</b><br>'+
                    '<b>Clássico</b>'+
                '</span>'+
                '<span class="round-tag">-15%</span>'+
            '</div>'+
            '</li>';
var body = document.createElement("body");
body.innerHTML = discountItem;
var img = body.querySelector(".img-responsive");
img.src = "source path here";

＆＃13;

从HTML对象javascript中获取元素

1 个答案: