将string 的字符串转换为HTML的两种方法

将string 的字符串转换为HTML的两种方法

1. 采用jquery对象转换

2. 采用原生javascript中DOMParser的parseFromString方法实现

1.采用jquery实现

    var str="<div>"
                +"<div id='div1'>"
                    +"<div id='div1_1'>div1-1</div>"
                    +"<div id='div1_2'>div1-2</div>"
                +"</div>"
                +"<div id='div2'>"
                    +"<div id='div2_1'>div2-1</div>"
                    +"<div id='div2_2'>div2-2</div>"
                +"</div>";
              +"/div>";
    var divHtml=$(str).find('#div1').html();
    console.log(divHtml);        

输出结果

<div id="div1_1">div1-1</div><div id="div1_2">div1-2</div>

2. 采用DOMParser实现

    var str="<div>"
            +"<div id='div1'>"
                +"<div id='div1_1'>div1-1</div>"
                +"<div id='div1_2'>div1-2</div>"
            +"</div>"
            +"<div id='div2'>"
                +"<div id='div2_1'>div2-1</div>"
                +"<div id='div2_2'>div2-2</div>"
            +"</div>";
          +"/div>";
    var parser = new DOMParser();
    var doc=parser.parseFromString(str, "text/xml");
    console.log(doc.getElementById('div1'). innerHTML);

输出结果为

<div id="div1_1">div1-1</div><div id="div1_2">div1-2</div>