کدووسی آن لائن تیچنر
  • ایچ تی ایم ایل سیریز تیچنر
  • ਬਰਾਉਜ਼ਰ ਸਕ੍ਰਿਪਟ
  • ਸਰਵਰ ਸਕ੍ਰਿਪਟ
  • پروگرامنگ تیچنر
  • ایکس ایم ال سیریز تیچنر
  • سائٹ بنانے کا منول
  • مراجع منول

ਕੋਰਸ ਸਾਲਡਰ

JS ਪਰਾਸਪਰਿਕ ਦਸਤਾਵੇਜ

  • JS ਪਰਾਸਪਰਿਕ ਦਸਤਾਵੇਜ (ਵਰਗ ਦੇ ਅਨੁਸਾਰ ਚਿਤਰਿਤ ਕੀਤਾ ਹੈ)
  • JS ਪਰਾਸਪਰਿਕ ਦਸਤਾਵੇਜ (ਅਕਸਰ ਚਿਤਰਿਤ ਕੀਤਾ ਹੈ)

JavaScript

  • JS ਐਰਰੇਜ
  • JS ਬੋਲੀਨ
  • JS ਕਲਾਸ
  • JS ਦਿਨ
  • JS ਈਰਰ
  • JS ਗਲੋਬਲ
  • JS JSON
  • JS ਮੈਪ
  • JS ਮੈਥ
  • JS ਨੰਬਰ
  • JS ਪ੍ਰੋਮਿਸ
  • JS RegExp
  • JS ਸੈੱਟ
  • JS ਸਟ੍ਰਿੰਗ
  • JS ਆਬੈਕਸ
  • JS ਆਪਰੇਟਰ
  • JS ਆਪਰੇਟਰ ਪ੍ਰਾਥਮਿਕਤਾ
  • JS ਸਟੇਟਮੈਂਟ
  • JS ਟਾਈਪਡ ਅਰਾਇਜ਼

ਵਿੰਡੋ

  • ویندو آوبجیکٹ
  • ਵਿੰਡੋ ਕੰਸੋਲ
  • ਵਿੰਡੋ ਹਿਸਟਰੀ
  • ਵਿੰਡੋ ਲੋਕੇਸ਼ਨ
  • ਵਿੰਡੋ ਨੇਵੀਗੇਟਰ
  • ਵਿੰਡੋ ਸਕਰੀਨ

HTML DOM

  • HTML ਦਸਤਾਵੇਜ
  • HTML ਐਲੀਮੈਂਟ
  • HTML ਅਟਰੀਬਿਊਟ
  • HTML ਈਵੈਂਟ
  • HTML ਈਵੈਂਟ ਆਬੈਕਸ
  • HTML ਕੋਲੈਕਸ਼ਨ
  • HTML NodeList
  • HTML DOMTokenList
  • HTML ਸਟਾਈਲ

Web API

  • API ਕੈਂਵਾਸ
  • API ਕੰਸੋਲ
  • API ਫੈੱਚ
  • API ਫੁਲਸਕਰੀਨ
  • API ਜੀਓਲੋਕੇਸ਼ਨ
  • API ਹਿਸਟਰੀ
  • API MediaQueryList
  • API ਸਟੋਰੇਜ
  • API ਵਾਲੀਡੇਸ਼ਨ
  • API ਵੈੱਬ

HTML ਆਬੈਕਸ

  • <a>
  • <abbr>
  • <address>
  • <area>
  • <article>
  • <aside>
  • <audio>
  • <b>
  • <base>
  • <bdo>
  • <blockquote>
  • <body>
  • <br>
  • <button>
  • <canvas>
  • <caption>
  • <cite>
  • <code>
  • <col>
  • <colgroup>
  • <datalist>
  • <dd>
  • <del>
  • <details>
  • <dfn>
  • <dialog>
  • <div>
  • <dl>
  • <dt>
  • <em>
  • <embed>
  • <fieldset>
  • <figcaption>
  • <figure>
  • <footer>
  • <form>
  • <head>
  • <header>
  • <h1> - <h6>
  • <hr>
  • <html>
  • <i>
  • <iframe>
  • <img>
  • <ins>
  • <input> button
  • <input> checkbox
  • <input> color
  • <input> date
  • <input> datetime
  • <input> datetime-local
  • <input> email
  • <input> file
  • <input> hidden
  • <input> image
  • <input> month
  • <input> number
  • <input> password
  • <input> radio
  • <input> range
  • <input> reset
  • <input> search
  • <input> submit
  • <input> text
  • <input> time
  • <input> url
  • <input> week
  • <kbd>
  • <label>
  • <legend>
  • <li>
  • <link>
  • <map>
  • <mark>
  • <menu>
  • <menuitem>
  • <meta>
  • <meter>
  • <nav>
  • <object>
  • <ol>
  • <optgroup>
  • <option>
  • <output>
  • <p>
  • <param>
  • <pre>
  • <progress>
  • <q>
  • <s>
  • <samp>
  • <script>
  • <section>
  • <select>
  • <small>
  • <source>
  • <span>
  • <strong>
  • <sub>
  • <summary>
  • <sup>
  • <table>
  • <tbody>
  • <td>
  • <tfoot>
  • <th>
  • <thead>
  • <tr>
  • <textarea>
  • <time>
  • </a></li> <li><a href="/pa/jsref/dom_obj_track.html" title="HTML DOM Track ڈیوائس"><track></a></li> <li><a href="/pa/jsref/dom_obj_u.html" title="HTML DOM Underline ڈیوائس"><title></a></li> <li><a href="/pa/jsref/dom_obj_ul.html" title="HTML DOM Ul ڈیوائس"><track></a></li> <li><a href="/pa/jsref/dom_obj_var.html" title="HTML DOM Variable ڈیوائس"><u></a></li> <li><a href="/pa/jsref/dom_obj_video.html" title="HTML DOM Video ڈیوائس"><ul></a></li> </ul> <h2><var></h2> <ul> <li><a href="/pa/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration ڈیوائس"><video></a></li> <li><a href="/pa/jsref/jsref_type_conversion.html" title="JavaScript ڈیجیٹ کانووئر">JS ਟਾਈਪ ਕਨਵਰਸ਼ਨ</a></li> </ul> </div> <div><h3><center> ਚੋਣਵਾਂ ਕੋਰਸ </center><h3> <h2>ਕੋਰਸ ਸਿਫਾਰਸ਼:</h2> <ul> <li><a href="/pa/howto/index.html" title="CodeW3C.com کا چک کسٹ">CodeW3C.com کا چک کسٹ</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>HTML DOM Document createElement() ਮਿਥੋਦ</h1> <div class="prenextnav-ref"> <ul> <li> ਪਿਛਲੀ ਪੰਨੀ <a href="/pa/jsref/met_document_createdocumentfragment.html" title="HTML DOM Document createDocumentFragment() میٹھد">createDocumentFragment()</a></li> <li> 下一页 <a href="/pa/jsref/event_createevent.html" title="HTML DOM Document createEvent() میٹھد">createEvent()</a></li> <li> 返回上一层 <a href="/pa/jsref/dom_obj_document.html" title="HTML DOM Documents">HTML DOM Documents</a></li> </ul> </div> <div> <h2>ਵਿਆਖਿਆ ਅਤੇ ਇਸਤੇਮਾਲ</h2> <p><code>createElement()</code> ਮਿਥੋਦ ਐਲੀਮੈਂਟ ਨੋਡ ਬਣਾਉਂਦੀ ਹੈ。</p> <h3>ਹੋਰ ਦੇਖੋ:</h3> <p><a href="/pa/jsref/met_node_appendchild.html" title="HTML DOM Element appendChild() میٹھد">Element appendChild() ਮਿਥੋਦ</a></p> <p><a href="/pa/jsref/met_node_insertbefore.html" title="HTML DOM Element insertBefore() میٹھد">Element insertBefore() ਮਿਥੋਦ</a></p> </div> <div> <h2>ਇਨਸਟੈਂਸ</h2> <h3>ਉਦਾਹਰਣ 1</h3> <p>ਪ੍ਰਤੀਯੋਗਿਤਾ <p> ਐਲੀਮੈਂਟ ਨੂੰ ਬਣਾਓ ਅਤੇ ਇਸ ਨੂੰ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਜੋੜੋ:</p> <pre class="language-js"> const para = document.createElement("p"); para.innerText = "This is a paragraph"; document.body.appendChild(para); </pre> <p class="tiy"><a target="_blank" href="/pa/tiy/t.html?f=jsck_document_createelement_1">ਸੁਭਾਵਿਕ ਤੌਰ 'ਤੇ ਕਰੋ</a></p> <h3>ਉਦਾਹਰਣ 2</h3> <p>ਪ੍ਰਤੀਯੋਗਿਤਾ <p> ਐਲੀਮੈਂਟ ਨੂੰ ਬਣਾਓ ਅਤੇ ਉਸਨੂੰ ਅੰਗ ਨੂੰ ਜੋੜੋ:</p> <pre class="language-js"> const para = document.createElement("p"); para.innerHTML = "This is a paragraph."; document.getElementById("myDIV").appendChild(para); </pre> <p class="tiy"><a target="_blank" href="/pa/tiy/t.html?f=jsck_document_createelement_2">ਸੁਭਾਵਿਕ ਤੌਰ 'ਤੇ ਕਰੋ</a></p> <h3>ਉਦਾਹਰਣ 3</h3> <p>ਬਟਨ ਬਣਾਓ:</p> <pre class="language-js"> const btn = document.createElement("button"); btn.innerHTML = "Hello Button"; document.body.appendChild(btn); </pre> <p class="tiy"><a target="_blank" href="/pa/tiy/t.html?f=jsck_document_createelement_3">ਸੁਭਾਵਿਕ ਤੌਰ 'ਤੇ ਕਰੋ</a></p> </div> <div> <h2>ਗਰਿੱਹ ਕਰਨਾ</h2> <pre>document.createElement(<i>tagName</i>)</pre> <h3>ਪੈਰਾਮੀਟਰ</h3> <table class="dataintable"> <tr> <th style="width: 25%;">ਪੈਰਾਮੀਟਰ</th> <th>ਵਰਣਨ</th> </tr> <tr> <td><i>tagName</i></td> <td> <p>ਲਾਜ਼ਮੀ। ਬਣਾਉਣੇ ਹੋਏ ਐਲੀਮੈਂਟ ਦਾ ਟੈਗ ਨਾਮ।</p> <p>HTML ਟੈਗ ਨਾਮ ਕਿਸੇ ਪ੍ਰਕਾਰ ਦੇ ਮੁੱਢਲੇ ਅੱਖਰ ਅਤੇ ਛੋਟੇ ਅੱਖਰ ਵਿਚਾਰ ਦੇਣ ਦੀ ਜ਼ਰੂਰਤ ਨਹੀਂ ਹੈ。</p> <p>XML ਟੈਗ ਨਾਮ ਨੂੰ ਮੁੱਢਲੇ ਅੱਖਰ ਅਤੇ ਛੋਟੇ ਅੱਖਰ ਵਿਚਾਰ ਦੇਣਾ ਚਾਹੀਦਾ ਹੈ。</p> </td> </tr> </table> <h3>ਰਤਨ ਵਾਲਾ</h3> <table class="dataintable"> <tr> <th style="width: 25%;">ਇਸ਼ਤਰੀਕਤਾ</th> <th>ਵਰਣਨ</th> </tr> <tr> <td>ਨੋਡ</td> <td>ਨਵੇਂ ਬਣਾਏ ਗਏ ਐਲੀਮੈਂਟ ਨੋਡ ਵਿੱਚ ਨਿਰਦਿਸ਼ਟ ਟੈਗ ਨਾਮ ਰੱਖਿਆ ਹੋਵੇਗਾ。</td> </tr> </table> <h3>ਫੈਂਕੇਗੀ</h3> <p>ਜੇਕਰ tagName ਵਿੱਚ ਗੈਰ ਲਾਗੂ ਅੱਖਰ ਹੈ ਤਾਂ ਇਹ ਕੋਡ ਵਾਲੀ ਗਲਤੀ ਫੈਂਕੇਗੀ: <code>INVALID_CHARACTER_ERR</code> ਦੇ DOMException ਅਨਿਯਮਤਤਾ।</p> </div> <div> <h2>ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ</h2> <p><code>document.createElement()</code> ਇਹ DOM Level 1 (1998) ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ。</p> <p>ਸਾਰੇ ਬਰਾਉਜ਼ਰ ਇਸ ਨੂੰ ਸਮਰਥਨ ਕਰਦੇ ਹਨ:</p> <table class="browser-support"> <tr> <th class="bsChrome">ਚਰਮੋਸ</th> <th class="bsIE">ਆਈਈ</th> <th class="bsEdge">ਐਜ਼</th> <th class="bsFirefox">ਫਾਇਰਫਾਕਸ</th> <th class="bsSafari">ਸਫਾਰੀ</th> <th class="bsOpera">ਓਪਰਾ</th> </tr> <tr> <td>ਚਰਮੋਸ</td> <td>ਆਈਈ</td> <td>ਐਜ਼</td> <td>ਫਾਇਰਫਾਕਸ</td> <td>ਸਫਾਰੀ</td> <td>ਓਪਰਾ</td> </tr> <tr> <td>ਸਮਰਥਨ</td> <td>9-11</td> <td>ਸਮਰਥਨ</td> <td>ਸਮਰਥਨ</td> <td>ਸਮਰਥਨ</td> <td>ਸਮਰਥਨ</td> </tr> </table> </div> <div class="prenextnav-ref"> <ul> <li> ਪਿਛਲੀ ਪੰਨੀ <a href="/pa/jsref/met_document_createdocumentfragment.html" title="HTML DOM Document createDocumentFragment() میٹھد">createDocumentFragment()</a></li> <li> 下一页 <a href="/pa/jsref/event_createevent.html" title="HTML DOM Document createEvent() میٹھد">createEvent()</a></li> <li> 返回上一层 <a href="/pa/jsref/dom_obj_document.html" title="HTML DOM Documents">HTML DOM Documents</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> 工具箱 </center><h3> <h5 id="tools_reference"><a href="/pa/jsref/index.html">جاوا اسکریپت اور ایچ تی ایم ال ڈوم رفرنس منول</a></h5> <h5 id="tools_example"><a href="/pa/js/js_examples.html">JavaScript 实例</a></h5> <h5 id="tools_quiz"><a href="/pa/js/js_quiz.html">JavaScript 测验</a></h5> <h5 id="tools_tutorial"><a href="/pa/js/index.html">JavaScript 教程</a></h5> </div> <div><h3><center> 赞助商链接 </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com 提供的内容仅用于培训和测试，不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有，保留一切权利。 </p> <p id="p2"> <a href="/pa/about/index.html" title="کوڈ ویچ کی تعریف">کوڈ ویچ کی تعریف</a> <a href="/pa/about/about_helping.html" title="کوڈ ویچ کی مدد">کوڈ ویچ کی مدد</a> <a href="/pa/about/about_use.html" title="کا استعمال">استعمال شرط</a> <a href="/pa/about/about_privacy.html" title="پریویسی کا بارہم">پریویسی شرط</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="پاورد بے سی 4ای سی"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>