將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>