JS ไม่ได้ทำงาน DOM ใน iframe ข้ามโดเมน

ที่นี่เราอธิบายสองวิธีสั้น ๆ ทั้งสองทำงาน DOM ใน b.html ใน index.html โดยไม่ต้องข้ามโดเมน

ตัวอย่างเช่น: การนำเข้า iframe ใน index.html วิธีใช้ JS เพื่อใช้งานองค์ประกอบ DOM ใน IFRAME ในดัชนี

โพสต์ครั้งแรกเนื้อหา A.HTML ที่แนะนำโดย index.html และ iframe

 ดัชนี-> <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 ["หนึ่ง"]. 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 ไม่ใช่การดำเนินการข้ามโดเมนของ DOM ใน iFrames ที่แนะนำให้คุณรู้จัก ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ!