Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

วิธีดึงเนื้อหา Body ของ iframe ด้วย JavaScript

เพื่อเข้าถึงเนื้อหาภายใน iframe ให้ใช้ contentDocument หรือ contentWindow.document ต้องปฏิบัติตาม Same-Origin Policy

<iframe id="myId" name="myId">...</iframe>
<script>
  var myDoc;
  if (window.frames && window.frames.myId && (myDoc = window.frames.myId.document)) {
    var iframeBody = myDoc.body;
    var content = iframeBody.innerHTML;
  }
</script>

หมายเหตุ: ทำงานได้ก็ต่อเมื่อ iframe และหน้าหลักอยู่ใน origin เดียวกัน (domain, protocol, port เหมือนกัน)