HTML DOM Document createElement() စနစ်

CodeW3C အွန်လိုင်းစာတမ်း

HTML စံပုံကျည်း
ဘရောက္ာရ ေက္ခာ
အီ္ဖရိ္ခ ေက္ခာ
ပရိုဂရမ်ပြုပြင်စာတမ်း
XML စံပုံကျည်း
စခန်းဆောက်လုပ်ရေးစာအုပ်
ညွှန်းပြချက်စာအုပ်

အောက္မူးအေနာ်

JS အကြောင္းကြည္း

JS အကြောင္းကြည္း အမျိုးအစား
JS အကြောင္းကြည္း အောက္ခါန္း

JavaScript

JS Array
JS Boolean
JS Class
JS Date
JS Error
JS အရာရှိ
JS JSON
JS Map
JS Math
JS အေနာ်
JS Promise
JS RegExp
JS Set
JS အက္ခရာ
JS အိုောက္ာရိယ
JS အောက္ခါန္း
JS အောက္ခါန္း ေအးေအး
JS ေက္ခာ
JS အကွက္အေနာ်

Window

Window အပျက်အလဲ
Window Console
Window History
Window Location
Window Navigator
Window Screen

HTML DOM

HTML အေချက်
HTML အကွက္
HTML အက္ခရာ
HTML အိုောက္ာရိယ
HTML အိုောက္ာရိယ အာက္အား
HTML Collection
HTML NodeList
HTML DOMTokenList
HTML ေျဖူး

Web API

API Canvas
API Console
API Fetch
API Fullscreen
API Geolocation
API History
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="/my/jsref/dom_obj_track.html" title="HTML DOM Track အမှုဖြစ်"><track></a></li> <li><a href="/my/jsref/dom_obj_u.html" title="HTML DOM Underline အမှုဖြစ်"><title></a></li> <li><a href="/my/jsref/dom_obj_ul.html" title="HTML DOM Ul အမှုဖြစ်"><track></a></li> <li><a href="/my/jsref/dom_obj_var.html" title="HTML DOM Variable အမှုဖြစ်"><u></a></li> <li><a href="/my/jsref/dom_obj_video.html" title="HTML DOM Video အမှုဖြစ်"><ul></a></li> </ul> <h2><var></h2> <ul> <li><a href="/my/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration အမှုဖြစ်"><video></a></li> <li><a href="/my/jsref/jsref_type_conversion.html" title="JavaScript အမျိုးအစား ပြောင်းလဲ">JS အမျိုးအစား ပြောင်းလဲ</a></li> </ul> </div> <div><h3><center> ရသိမှု စာတမ်း </center><h3> <h2>အကြောင်းကြားချက်</h2> <ul> <li><a href="/my/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="/my/jsref/met_document_createdocumentfragment.html" title="HTML DOM Document createDocumentFragment() နည်းလမ်း">createDocumentFragment()</a></li> <li> နောက်ပိုင်း စာရင်း <a href="/my/jsref/event_createevent.html" title="HTML DOM Document createEvent() နည်းလမ်း">createEvent()</a></li> <li> အပြင်ဘက် ကြမ်းတွေး <a href="/my/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="/my/jsref/met_node_appendchild.html" title="HTML DOM Element appendChild() နည်းလမ်း">Element appendChild() စနစ်</a></p> <p><a href="/my/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="/my/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="/my/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="/my/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>တရားမဝင် အကြားအရေး ပါသော အကြားအရေး ကို <code>INVALID_CHARACTER_ERR</code> အားလုံး ဘရပ်သား ကို</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="/my/jsref/met_document_createdocumentfragment.html" title="HTML DOM Document createDocumentFragment() နည်းလမ်း">createDocumentFragment()</a></li> <li> နောက်ပိုင်း စာရင်း <a href="/my/jsref/event_createevent.html" title="HTML DOM Document createEvent() နည်းလမ်း">createEvent()</a></li> <li> အပြင်ဘက် ကြမ်းတွေး <a href="/my/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>  <div id="sidebar"> <div><h3><center> အက်ယ်ဝါဒီအသင်း </center><h3> <h5 id="tools_reference"><a href="/my/jsref/index.html">JavaScript နှင့် HTML DOM ညွှန်းပြချက်စာအုပ်</a></h5> <h5 id="tools_example"><a href="/my/js/js_examples.html">JavaScript အမှုဖြစ်</a></h5> <h5 id="tools_quiz"><a href="/my/js/js_quiz.html">JavaScript စမ်းသပ်</a></h5> <h5 id="tools_tutorial"><a href="/my/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="/my/about/index.html" title="ကိုယ်ပိုင် CodeW3C.com">ကိုယ်ပိုင် CodeW3C.com</a> <a href="/my/about/about_helping.html" title="အကူအညီ CodeW3C.com">အကူအညီ CodeW3C.com</a> <a href="/my/about/about_use.html" title="အသုံးပြုခြင်း အချက်">အသုံးပြုခြင်း ခြောက်ခုအရာ</a> <a href="/my/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="ပေါ်ထားပြီးပြီးဖြစ်သည့် Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>