<घंटा/> HTML DOM iframe ऑब्जेक्ट HTML दस्तावेज़ के तत्व का प्रतिनिधित्व करता है।</P> <p> आइए अब आइफ्रेम ऑब्जेक्ट बनाएं -</P> <h2>सिंटैक्स</h2> <p> निम्नलिखित वाक्य रचना है -</P> <pre>document.createElement(“IFRAME”);</pre> <h2>गुण</h2> <p> iframe ऑब्जेक्ट के गुण निम्नलिखित हैं -</P> <table><thead><tr><th style="text-align:center;">Property <br> </वें> <वें शैली ="पाठ-संरेखण:केंद्र;">स्पष्टीकरण <br> </वें> </tr> </थड> <tbody><tr><td>सामग्रीदस्तावेज़ <br> </td> <td>यह एक iframe HTML तत्व द्वारा उत्पन्न दस्तावेज़ ऑब्जेक्ट देता है। <br> </td> </tr> <tr><td>सामग्रीविंडो <br> </td> <td>यह एक iframe HTML तत्व द्वारा उत्पन्न विंडो ऑब्जेक्ट देता है। <br> </td> </tr> <tr><td>ऊंचाई <br> </td> <td>यह एक iframe HTML तत्व की ऊंचाई विशेषता के मान को लौटाता है और संशोधित करता है। <br> </td> </tr> <tr><td>नाम <br> </td> <td>यह एक iframe HTML एलीमेंट के नाम एट्रिब्यूट के मान को लौटाता है और संशोधित करता है। <br> </td> </tr> <tr><td>सैंडबॉक्स <br> </td> <td>यह एक iframe HTML तत्व के सैंडबॉक्स विशेषता के मान को लौटाता है और परिवर्तित करता है। <br> </td> </tr> <tr><td>निर्बाध <br> </td> <td>यह वापस आता है और संशोधित करता है कि क्या आईफ्रेम निर्बाध दिखना चाहिए जैसे कि यह वेब पेज का एक हिस्सा है यानी बिना सीमाओं के और बिना स्क्रॉलबार के। <br> </td> </tr> <tr><td>src <br> </td> <td>यह एक iframe HTML तत्व की src विशेषता के मान को लौटाता है और संशोधित करता है। <br> </td> </tr> <tr><td>srcdoc <br> </td> <td>यह एक iframe HTML तत्व की srcdoc विशेषता के मान को लौटाता है और संशोधित करता है। <br> </td> </tr> <tr><td>चौड़ाई <br> </td> <td>यह एक iframe HTML तत्व की चौड़ाई विशेषता के मान को लौटाता है और परिवर्तित करता है। <br> </td> </tr> </tbody> </table> <h2>उदाहरण</h2> <p> आइए DOM iframe ऑब्जेक्ट का एक उदाहरण देखें -</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>आउटपुट</h2> <p> यह निम्नलिखित आउटपुट देगा -</P> <p> <img loading='lazy' alt='एचटीएमएल डोम आईफ्रेम ऑब्जेक्ट ' src="http://computer.wsxdn.com/article/uploadfiles/202203/2022033116104880.jpg" /></P> <p> “<strong>आईफ्रेम बनाने के लिए मुझे क्लिक करें</strong> . पर क्लिक करें आइफ्रेम बनाने के लिए बटन -</P> <p> <img loading='lazy' alt='एचटीएमएल डोम आईफ्रेम ऑब्जेक्ट ' src="http://computer.wsxdn.com/article/uploadfiles/202203/2022033116104844.jpg" /></P> <br> </article> <div class="ad5"> <script language='javascript' src='/ad/w.js'></script> </div> <div id="turn-page" class="f-between"> <div class="page up f-align"> <i class="prev"></i> <a class='LinkPrevArticle' href='https://in.wsxdn.com/zx054r/zw551r/1005064433.html' >एचटीएमएल डोम छवि वस्तु </a> <span></span> </div> <div class="page down f-align"> <a class='LinkNextArticle' href='https://in.wsxdn.com/zx054r/zw551r/1005064435.html' >एचटीएमएल डोम एचटीएमएल ऑब्जेक्ट </a> <i class="next"></i> <span></span> </div> </div> </div> <aside class="box-r"> <section class="small-nav rList"> <p class=h4s> HTML </p> <ul class="f-between"> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/us544m/' target="_self">सी प्रोग्रामिंग</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/lj545d/' target="_self">C++</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/kh546c/' target="_self">Redis</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/om547h/' target="_self">Bash प्रोग्रामिंग</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/ca548u/' target="_self">Python</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/nl549f/' target="_self">Java</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/sp550k/' target="_self">डेटाबेस</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/zw551r/' target="_self">HTML</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/ec552w/' target="_self">JavaScript</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/lj553d/' target="_self">प्रोग्रामिंग</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/tr554l/' target="_self">CSS</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/hf555z/' target="_self">Ruby</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/fd556x/' target="_self">SQL</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/wu557p/' target="_self">iOS</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/bz558t/' target="_self">Android</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/pn559h/' target="_self">MongoDB</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/ay560s/' target="_self">MySQL</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/fc561x/' target="_self">C#</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/cz565u/' target="_self">PHP</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/nl571f/' target="_self">SQL Server</a></li> </ul> <strong class="f-center"> <img loading='lazy' src="https://in.wsxdn.com/css/img/xiala.svg" alt=""> </strong> </section> <aside class="rList"> <p class=h4s> HTML </p> <ul> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005064433.html" class="t-over" title="एचटीएमएल डोम छवि वस्तु ">एचटीएमएल डोम छवि वस्तु </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005064435.html" class="t-over" title="एचटीएमएल डोम एचटीएमएल ऑब्जेक्ट ">एचटीएमएल डोम एचटीएमएल ऑब्जेक्ट </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005064523.html" class="t-over" title="एचटीएमएल डोम अनुभाग वस्तु ">एचटीएमएल डोम अनुभाग वस्तु </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005064524.html" class="t-over" title="एचटीएमएल डोम सैम्प ऑब्जेक्ट ">एचटीएमएल डोम सैम्प ऑब्जेक्ट </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005064525.html" class="t-over" title="एचटीएमएल डोम उद्धरण वस्तु ">एचटीएमएल डोम उद्धरण वस्तु </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005064526.html" class="t-over" title="HTML DOM प्रोग्रेस ऑब्जेक्ट ">HTML DOM प्रोग्रेस ऑब्जेक्ट </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005064529.html" class="t-over" title="एचटीएमएल डोम विकल्प वस्तु ">एचटीएमएल डोम विकल्प वस्तु </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005064548.html" class="t-over" title="एचटीएमएल डोम प्री ऑब्जेक्ट ">एचटीएमएल डोम प्री ऑब्जेक्ट </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005064643.html" class="t-over" title="एचटीएमएल डोम एस ऑब्जेक्ट ">एचटीएमएल डोम एस ऑब्जेक्ट </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005064644.html" class="t-over" title="एचटीएमएल डोम सबस्क्रिप्ट ऑब्जेक्ट ">एचटीएमएल डोम सबस्क्रिप्ट ऑब्जेक्ट </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005064662.html" class="t-over" title="एचटीएमएल डोम सुपरस्क्रिप्ट ऑब्जेक्ट ">एचटीएमएल डोम सुपरस्क्रिप्ट ऑब्जेक्ट </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005064733.html" class="t-over" title="एचटीएमएल डोम ली वस्तु ">एचटीएमएल डोम ली वस्तु </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005064769.html" class="t-over" title="एचटीएमएल डोम मेनू वस्तु ">एचटीएमएल डोम मेनू वस्तु </a> </li> </ul> </aside> </aside> </div> <div class="container box4-2"> <div class="lanmu-list f-between"> <div class="lanmu"> <ol> <li> <div class="img-block"> <a href="https://in.wsxdn.com/zx054r/zw551r/1005064859.html" class="i-box"> <img src='/article/uploadfiles/202203/2022033116264768_S.jpg' loading='lazy' width='300' height='210' alt='एचटीएमएल डोम डीएल वस्तु ' border='0'> </a> <span> <a href="https://in.wsxdn.com/zx054r/zw551r/1005064859.html" class="r-over r-over-2" title="एचटीएमएल डोम डीएल वस्तु "> एचटीएमएल डोम डीएल वस्तु </a> <p> HTML DOM dl ऑब्जेक्ट HTML एलिमेंट से जुड़ा है। तत्व विवरण सूची बनाने के लिए है। dl ऑब्जेक्ट का उपयोग करके हम जावास्क्रिप्ट का उपयोग करके तत्व को गतिशील रूप से बना और एक्सेस कर सकते हैं। सिंटैक्स − . के लिए वाक्य रचना निम्नलिखित है विवरण सूची बनाना - var p = document.createElement("DL" </p> </span> </div> </li> </ol> </div> <div class="lanmu"> <ol> <li> <div class="img-block"> <a href="https://in.wsxdn.com/zx054r/zw551r/1005065239.html" class="i-box"> <img src='/article/uploadfiles/202203/2022033116471222_S.jpg' loading='lazy' width='300' height='210' alt='एचटीएमएल डोम एचआर ऑब्जेक्ट ' border='0'> </a> <span> <a href="https://in.wsxdn.com/zx054r/zw551r/1005065239.html" class="r-over r-over-2" title="एचटीएमएल डोम एचआर ऑब्जेक्ट "> एचटीएमएल डोम एचआर ऑब्जेक्ट </a> <p> HTML DOM HR ऑब्जेक्ट HTML दस्तावेज़ के तत्व का प्रतिनिधित्व करता है। घंटा वस्तु बनाएं− सिंटैक्स निम्नलिखित वाक्य रचना है - दस्तावेज़.क्रिएट एलीमेंट (एचआर); आइए हम घंटा वस्तु का एक उदाहरण देखें- उदाहरण body { text-align:center; पृष्ठभूमि-रंग:#fff; रंग:#0197F6; } h1 {रंग:#23CE6B; } .btn {पृष्ठभूम </p> </span> </div> </li> </ol> </div> <div class="lanmu"> <ol> <li> <div class="img-block"> <a href="https://in.wsxdn.com/zx054r/zw551r/1005065382.html" class="i-box"> <img src='/article/uploadfiles/202203/2022033116535881_S.jpg' loading='lazy' width='300' height='210' alt='एचटीएमएल डोम उल ऑब्जेक्ट ' border='0'> </a> <span> <a href="https://in.wsxdn.com/zx054r/zw551r/1005065382.html" class="r-over r-over-2" title="एचटीएमएल डोम उल ऑब्जेक्ट "> एचटीएमएल डोम उल ऑब्जेक्ट </a> <p> एचटीएमएल में एचटीएमएल डोम उल ऑब्जेक्ट . का प्रतिनिधित्व करता है तत्व। एक बनाना तत्व var ulObject = document.createElement(“UL”) यहां, “ulObject” निम्न गुण हो सकते हैं लेकिन HTML5 . में समर्थित नहीं हैं - संपत्ति विवरण कॉम्पैक्ट इससे सेट/रिटर्न होता है कि क्या अनियंत्रित सूची </p> </span> </div> </li> </ol> </div> </div> </div> <footer> <section class="container f-between f-align"> <a href="https://in.wsxdn.com" class="logo"> <img loading='lazy' src="https://in.wsxdn.com/css/img/logo.svg" alt="कंप्यूटर"> </a> <span class="f-end"> © कॉपीराइट <a href="https://in.wsxdn.com">https://in.wsxdn.com</a> सर्वाधिकार सुरक्षित </span> </section> </footer> </body> </html>
