埋め込みタグから#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>タグの内容は、本質的にロックされたシャドー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);