استخدم JS الأصلي للحصول على عناصر صفحة Iframe Child على صفحة الأصل وللحصول على عناصر الصفحة الأصل على صفحة الطفل. هذه طريقة يتم استخدامها غالبًا. فيما يلي مثال لتلخيصه:
1. صفحة الوالدين (Demo.html) ، قم بتعديل لون الخلفية لصفحة الطفل Div على الصفحة الأصل ليكون رماديًا ، واتضح أنه أحمر:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3 xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html ؛ charset = utf-8"/> <title> page </title> document.getElementById ('iframeid'). contentWindow ؛ var _div = _iframe.document.getElementById ('objid') ؛ _ div.style.backgroundcolor = '#ccc' ؛} </script src = "demo-iframe.html" id = "iframeid"> </frame> </body> </html>2. الصفحة الفرعية (Demo-IFrame.html) ، قم بتعديل لون الخط للصفحة الأصل Div على الصفحة الفرعية ليكون أحمر ، واتضح أن يكون أسودًا:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3 xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html ؛ charset = utf-8"/> <title> subpage demo13-iframe function () {var _iframe = window.parent ؛ var _div = _iframe.document.getElementById ('pardiv') ؛ _ div.style.color = 'red' ؛} </script> </head> <body> <div id = 'objid' Style = 'Width: 100px ؛ الارتفاع: 100px ؛ الخلفية اللون: Red ؛'> pubage </viv> </body> </html>3. مخطط التكاثر:
(1) العروض عند عدم إضافة JS:
(2) العرض بعد إضافة JS:
تحصل المقالة أعلاه "Native JS" على عناصر DOM في iframe - صفحات الأب والابن تحصل على عناصر DOM لبعضنا البعض هي كل المحتوى الذي يشاركه المحرر. آمل أن يمنحك مرجعًا ، وآمل أن يتمكن الجميع من دعم Wulin.com أكثر.