javascript - 对未附加的 HTML 元素运行 document.getElementById

Question

我已经创建了一个相当复杂的 HTMLElement，并且想知道 id 是否有一种方法可以在元素附加到 DOM 之前对其运行 getElementById。

我尝试过这样调用函数:document.getElementById.call(newElement, "id");

像这样:Document.prototype.getElementById.call(newElement, "id");

在这两种情况下，我都得到错误 Uncaught TypeError: Illegal invocation

是否有可能这样做，还是不可能？

注意:我在这里尝试解决一个 JS 问题，这就是为什么我不想要 jQuery 解决方案的原因。

Answer 1

你可以做到

var yourElement = newElement.querySelector('#someId');

完整示例:

var newElement = document.createElement('div');
newElement.innerHTML="<div id=a>AA</div><span id=b>BB</span>";
console.log(newElement.querySelector('#b').innerHTML) // logs BB

备注:IE7 isn't supported