Đối tượng iframe HTML DOM đại diện cho phần tử của tài liệu HTML. </P> <p> Bây giờ chúng ta hãy tạo đối tượng iframe - </P> <h2> Cú pháp </h2> <p> Sau đây là cú pháp - </P> <pre>document.createElement(“IFRAME”);</pre> <h2> Thuộc tính </h2> <p> Sau đây là các thuộc tính của Đối tượng iframe - </P> <table> <thead> <tr> <th style ="text-align:center;"> Thuộc tính <br> </th> <th style ="text-align:center;"> Giải thích <br> </th> </tr> </thead> <tbody> <tr> <td> contentDocument <br> </td> <td> Nó trả về đối tượng tài liệu được tạo bởi một phần tử HTML iframe. <br> </td> </tr> <tr> <td> contentWindow <br> </td> <td> Nó trả về đối tượng cửa sổ được tạo bởi một phần tử HTML iframe. <br> </td> </tr> <tr> <td> chiều cao <br> </td> <td> Nó trả về và sửa đổi giá trị của thuộc tính height của một phần tử HTML iframe. <br> </td> </tr> <tr> <td> tên <br> </td> <td> Nó trả về và sửa đổi giá trị của thuộc tính name của phần tử iframe HTML. <br> </td> </tr> Hộp cát <tr> <td> <br> </td> <td> Nó trả về và thay đổi giá trị của thuộc tính hộp cát của một phần tử HTML iframe. <br> </td> </tr> <tr> <td> liền mạch <br> </td> <td> Nó trả về và sửa đổi xem iframe có trông liền mạch như nó là một phần của trang web, tức là không có đường viền và không có thanh cuộn hay không. <br> </td> </tr> <tr> <td> src <br> </td> <td> Nó trả về và sửa đổi giá trị của thuộc tính src của một phần tử iframe HTML. <br> </td> </tr> <tr> <td> srcdoc <br> </td> <td> Nó trả về và sửa đổi giá trị của thuộc tính srcdoc của một phần tử iframe HTML. <br> </td> </tr> Chiều rộng <tr> <td> <br> </td> <td> Nó trả về và thay đổi giá trị của thuộc tính width của phần tử iframe HTML. <br> </td> </tr> </tbody> </table> <h2> Ví dụ </h2> <p> Hãy để chúng tôi xem một ví dụ về đối tượng iframe DOM - </P> <pre><!DOCTYPE html> <html> <head> <style> body{ text-align:center; } .btn{ background-color:lightblue; border:none; height:2rem; border-radius:50px; width:60%; margin:1rem auto; } </style> </head> <body> <h1>DOM IFrame Object Example</h1> <button onclick="createIframe()" class="btn">Click me to create an iframe</button> <script> function createIframe() { var x = document.createElement("IFRAME"); x.setAttribute("src", "https://tutorialspoint.com/"); document.body.appendChild(x); } </script> </body> </html></pre> <h2> Đầu ra </h2> <p> Điều này sẽ tạo ra kết quả sau - </P> <p> <img loading='lazy' alt='Đối tượng HTML DOM iFrame ' src="/article/uploadfiles/202203/2022033116104880.jpg" /> </P> <p> Nhấp vào “<strong> Nhấp vào tôi để tạo iframe </strong> ”Để tạo iframe - </P> <p> <img loading='lazy' alt='Đối tượng HTML DOM iFrame ' src="/article/uploadfiles/202203/2022033116104844.jpg" /> </P> <br> </article> <div class="ad5"> <script language='javascript' src='https://vn.wsxdn.com/css/ad/vn2.js'></script> </div> </section> <div id="turn-page" class="f-between"> <div class="page up f-align"> <i class="prev"></i> <section> <a class='LinkPrevArticle' href='https://vn.wsxdn.com/fd034x/om351g/1003064433.html' >Đối tượng hình ảnh HTML DOM </a> </section> </div> <div class="page down f-align"> <section> <a class='LinkNextArticle' href='https://vn.wsxdn.com/fd034x/om351g/1003064435.html' >HTML DOM Đối tượng HTML </a> </section> <i class="next"></i> </div> </div> <section class="box4-l-list"> <div class="imgList f-between banner"> <ul class="f-between"> <li class="f-between f-align"><div> <a href="https://vn.wsxdn.com/fd034x/om351g/1003064843.html" class="text r-over r-over-3" title="Đối tượng HTML DOM DD ">Đối tượng HTML DOM DD </a> </div></li> <li class="f-between f-align"><div> <a href="https://vn.wsxdn.com/fd034x/om351g/1003064854.html" class="text r-over r-over-3" title="Đối tượng HTML DOM DT ">Đối tượng HTML DOM DT </a> </div></li> <li class="f-between f-align"><div> <a href="https://vn.wsxdn.com/fd034x/om351g/1003064859.html" class="text r-over r-over-3" title="Đối tượng dl HTML DOM ">Đối tượng dl HTML DOM </a> </div></li> <li class="f-between f-align"><div> <a href="https://vn.wsxdn.com/fd034x/om351g/1003065239.html" class="text r-over r-over-3" title="Đối tượng nhân sự HTML DOM ">Đối tượng nhân sự HTML DOM </a> </div></li> <li class="f-between f-align"><div> <a href="https://vn.wsxdn.com/fd034x/om351g/1003065382.html" class="text r-over r-over-3" title="Đối tượng HTML DOM Ul ">Đối tượng HTML DOM Ul </a> </div></li> </ul> </div> </section> </section> <aside class="box-r box4-r"> <div class="articleList"> <em>Bài báo nổi tiếng</em> <ol> <li><a href="https://vn.wsxdn.com/fd034x/om351g/1003064433.html" class="t-over" title="Đối tượng hình ảnh HTML DOM ">Đối tượng hình ảnh HTML DOM </a></li> <li><a href="https://vn.wsxdn.com/fd034x/om351g/1003064435.html" class="t-over" title="HTML DOM Đối tượng HTML ">HTML DOM Đối tượng HTML </a></li> <li><a href="https://vn.wsxdn.com/fd034x/om351g/1003064523.html" class="t-over" title="Đối tượng phần HTML DOM ">Đối tượng phần HTML DOM </a></li> <li><a href="https://vn.wsxdn.com/fd034x/om351g/1003064524.html" class="t-over" title="Đối tượng lấy mẫu DOM trong HTML ">Đối tượng lấy mẫu DOM trong HTML </a></li> <li><a href="https://vn.wsxdn.com/fd034x/om351g/1003064525.html" class="t-over" title="Đối tượng Trích dẫn DOM HTML ">Đối tượng Trích dẫn DOM HTML </a></li> <li><a href="https://vn.wsxdn.com/fd034x/om351g/1003064526.html" class="t-over" title="Đối tượng Tiến trình DOM HTML ">Đối tượng Tiến trình DOM HTML </a></li> <li><a href="https://vn.wsxdn.com/fd034x/om351g/1003064529.html" class="t-over" title="Đối tượng tùy chọn HTML DOM ">Đối tượng tùy chọn HTML DOM </a></li> <li><a href="https://vn.wsxdn.com/fd034x/om351g/1003064548.html" class="t-over" title="Đối tượng trước DOM HTML ">Đối tượng trước DOM HTML </a></li> </ol> </div> <section> <strong class="list-title"> <p>Máy Tính</p> <span></span> </strong> <ol class="texts"> <li> <a href="https://vn.wsxdn.com/fd034x/om351g/1003064643.html" class="t-title"><strong class="r-over r-over-2">Đối tượng HTML DOM S </strong></a> </li> <li> <a href="https://vn.wsxdn.com/fd034x/om351g/1003064644.html" class="t-title"><strong class="r-over r-over-2">Đối tượng chỉ số dưới DOM HTML </strong></a> </li> <li> <a href="https://vn.wsxdn.com/fd034x/om351g/1003064662.html" class="t-title"><strong class="r-over r-over-2">Đối tượng siêu chỉ số HTML DOM </strong></a> </li> <li> <a href="https://vn.wsxdn.com/fd034x/om351g/1003064733.html" class="t-title"><strong class="r-over r-over-2">Đối tượng HTML DOM li </strong></a> </li> <li> <a href="https://vn.wsxdn.com/fd034x/om351g/1003064769.html" class="t-title"><strong class="r-over r-over-2">Đối tượng menu HTML DOM </strong></a> </li> <li> <a href="https://vn.wsxdn.com/fd034x/om351g/1003064770.html" class="t-title"><strong class="r-over r-over-2">Đối tượng đánh dấu DOM HTML </strong></a> </li> </ol> </section> <ul class="typeList container f-start box4-typeList"> <li><a class='childclass' href='https://vn.wsxdn.com/fd034x/sq344k/' target="_self">lập trình C</a></li> <li><a class='childclass' href='https://vn.wsxdn.com/fd034x/ay345t/' target="_self">C ++</a></li> <li><a class='childclass' href='https://vn.wsxdn.com/fd034x/zx346r/' target="_self">Redis</a></li> <li><a class='childclass' href='https://vn.wsxdn.com/fd034x/nk347f/' target="_self">Lập trình BASH</a></li> <li><a class='childclass' href='https://vn.wsxdn.com/fd034x/ur348m/' target="_self">Python</a></li> <li><a class='childclass' href='https://vn.wsxdn.com/fd034x/ca349u/' target="_self">Java</a></li> <li><a class='childclass' href='https://vn.wsxdn.com/fd034x/hf350z/' target="_self">Cơ sở dữ liệu</a></li> <li><a class='childclass' href='https://vn.wsxdn.com/fd034x/om351g/' target="_self">HTML</a></li> <li><a class='childclass' href='https://vn.wsxdn.com/fd034x/tr352l/' target="_self">Javascript</a></li> <li><a class='childclass' href='https://vn.wsxdn.com/fd034x/ay353s/' target="_self">Lập trình</a></li> <li><a class='childclass' href='https://vn.wsxdn.com/fd034x/jg354b/' target="_self">CSS</a></li> <li><a class='childclass' href='https://vn.wsxdn.com/fd034x/nl355g/' target="_self">Ruby</a></li> <li><a class='childclass' href='https://vn.wsxdn.com/fd034x/mk356e/' target="_self">SQL</a></li> <li><a class='childclass' href='https://vn.wsxdn.com/fd034x/ge357z/' target="_self">IOS</a></li> <li><a class='childclass' href='https://vn.wsxdn.com/fd034x/ec358x/' target="_self">Android</a></li> <li><a class='childclass' href='https://vn.wsxdn.com/fd034x/ol359g/' target="_self">MongoDB</a></li> <li><a class='childclass' href='https://vn.wsxdn.com/fd034x/vt360n/' target="_self">MySQL</a></li> <li><a class='childclass' href='https://vn.wsxdn.com/fd034x/vt361n/' target="_self">C#</a></li> <li><a class='childclass' href='https://vn.wsxdn.com/fd034x/wu365o/' target="_self">PHP</a></li> <li><a class='childclass' href='https://vn.wsxdn.com/fd034x/us371m/' target="_self">SQL Server</a></li> </ul> </aside> </section> <footer class="container"> <span class="container f-center"> Bản quyền © <a href="https://vn.wsxdn.com">https://vn.wsxdn.com</a> Đã đăng ký Bản quyền </span> </footer> </body> </html>
