ここでは、2つの方法を簡単に説明します。どちらも、クロスドメインなしでindex.htmlのb.htmlのDOMを操作します。
例:index.htmlでiframeをインポートするには、JSを使用してインデックス内のIFRAMEのDOM要素を操作する方法は?
最初に、index.htmlおよびiframeによって導入されたa.htmlコンテンツを投稿します。
index-> <div> <iframe src = "a.html" frameborder = "0" "name =" one "id =" iframeid "> </iframe> </div>
A.html
<div id = "dd"> <h1> iframeの要素! </h1> </div>
方法1:
var d = window.frames ["one"]。window; d.onload = function(){console.log(d.document.getelementbyid( "dd"));};方法2:
JSは動的にiframeを作成し、挿入します
var ifr = document.createelement( 'iframe'); ifr.src = 'a.html'; document.body.appendchild(ifr); ifr.onload = function(){var doc = ifr.contentdocument || ifr.contentwindow.document; //操作B.htmlconsole.log(doc.getelementbyid( "dd"));};};どちらの出力もあります
上記は、JSがあなたに紹介されたIFRAMSのDOMのクロスドメイン操作ではないJSに関する関連する知識です。それがあなたに役立つことを願っています!