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

Question

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

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

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

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

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

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://whosebug.com"> </embed>

实际获得 HTML 的最佳方法是自己加载该内容：

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

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

How to access dom elements of #document from embed tag?

html

javascript

embed

jquery

dom