javascript - 如何从嵌入标签访问#document 的 dom 元素？

Question

我有一个带有嵌入标签的标记想要访问 #document 内容。

在获取无法访问内部节点后尝试遍历直到嵌入标记但是有可用的函数 getElementByTagName() 或 getElementByClassName() 但它没有帮助

var embedContent = document.getElementById('embed1')
var parentContents = x.parentElement.parentNode.lastElementChild.getElementsByTagName('embed')
> [function, embed1: function]

在这之后如何获取相应标签的值之后能够访问嵌入标签

是否有其他方法可以实现此目的？如果是，请提供任何网址或示例。

Answer 1

<embed> 的内容标记本质上是锁定的 Shadow DOM - 这是一个 Chrome 可以访问但你不能访问的全新文档。

检查您可以访问哪些属性很容易:

var xObj = document.getElementById('xObj');

for (var p in xObj) {
  var value = null;
  try {
    value = xObj[p];
  } catch (err) {}

  if (value)
    console.log(p, value);
}

<embed id="xObj" src="http://stackoverflow.com"> </embed>

实际获取 HTML 的最佳方式是自己加载该内容:

var response = await fetch(document.getElementById('embedTag').src);