Javascript 从文本中获取元素

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 7 年前。

Improve this question

我有包含 HTML 元素的文本。比如像这样

<div>
    <div>content</div>
    <div>
         <div id="myId">
            <p>
                <span>content</span>
                <span>content</span>
            </p>
        </div>
    </id>   
</div>

我想要innerHTML使用 JavaScript 来获取此文本中的某些元素，如本示例

// HTML variable contain above HTML text
var innerHTML = HTML.getElementById('myId').innerHTML;

这可能吗？或者像这样的其他方式？

Answer 1

您可以使用 document fragment .

var HTML = "<div>\
    <div>content</div>\
    <div>\
         <div id=\"myId\">\
            <p>\
                <span>content</span>\
                <span>content</span>\
            </p>\
        </div>\
    </div>\
</div>";

// create a fake document
var df = document.createDocumentFragment();

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

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

// execute .getElementById
console.log(df.getElementById('myId').innerHTML);