JS لا يعمل DOM في iframe عبر المجالات

هنا نوضح بإيجاز طريقتين ، كلاهما يعمل DOM في B.HTML في index.html دون مجال متقاطع.

على سبيل المثال: استيراد iframe في index.html ، كيفية استخدام JS لتشغيل عناصر DOM في iframe في الفهرس؟

قم أولاً ببشر محتوى A.HTML الذي تم تقديمه بواسطة index.html و iframe.

 index-> <viv> <frame src = "a.html" frameborder = "0" name = "one" id = "iframeid"> </frame> </viv>

A.HTML

 <div id = "dd"> <h1> عناصر في iframe! </h1> </viv>

الطريقة 1:

 var d = window.frames ["one"]. window ؛ d.onload = function () {console.log (d.document.getElementById ("dd")) ؛} ؛

الطريقة 2:

JS ينشئ ديناميكيًا ويقوم بإدخاله

 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 لا تعمل في مجال DOM في iframes المقدمة لك. آمل أن يكون ذلك مفيدًا لك!