CodeW3C ఆన్లైన్ ట్యూటోరియల్
HTML సిరీస్ ట్యూటోరియల్
బ్రౌజర్ స్క్రిప్ట్
సర్వర్ స్క్రిప్ట్
ప్రోగ్రామింగ్ ట్యూటోరియల్
XML సిరీస్ ట్యూటోరియల్
స్టాండర్డ్ సైట్ హ్యాండ్బుక్
రిఫరెన్స్ హ్యాండ్బుక్
కోర్సు సబ్లిక్
JS రెఫరెన్స్ మాన్యువల్
JS రెఫరెన్స్ మాన్యువల్ (వర్గం క్రమం)
JS రెఫరెన్స్ మాన్యువల్ (అక్షరానుసంధానం)
JavaScript
JS అరేయ్
JS బౌలియన్
JS క్లాస్
JS డేట్
JS ఎరర్
JS గ్లోబల్
JS JSON
JS మ్యాప్
JS మాథ్
JS నంబర్
JS ప్రమీస్
JS రెగ్యులార్ ఎక్స్‌ప్రెషన్
JS సెట్
JS స్ట్రింగ్
JS ఆబ్జెక్ట్
JS ఆపరేటర్
JS ఆపరేటర్ ప్రియరిటీ
JS స్టేట్‌మెంట్
JS టైపైజ్డ్ అరేయ్
విండో
విండో ఆబ్జెక్ట్
విండో కన్సోల్
విండో హిస్టరీ
విండో లొకేషన్
విండో నావిగేటర్
విండో స్క్రీన్
HTML DOM
HTML డాక్యుమెంట్
HTML ఇలెమెంట్
HTML అట్రిబ్యూట్
HTML ఇవెంట్
HTML ఇవెంట్ ఆబ్జెక్ట్
HTML కలెక్షన్
HTML NodeList
HTML DOMTokenList
HTML శైలి
వెబ్ 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="/te/jsref/dom_obj_track.html" title="హెచ్టిఎంఎల్ డొమ్ ట్రాక్ ఆబ్జెక్ట్"><track></a></li> <li><a href="/te/jsref/dom_obj_u.html" title="హెచ్టిఎంఎల్ డొమ్ అండర్లైన్ ఆబ్జెక్ట్"><title></a></li> <li><a href="/te/jsref/dom_obj_ul.html" title="హెచ్టిఎంఎల్ డొమ్ యుల్ ఆబ్జెక్ట్"><track></a></li> <li><a href="/te/jsref/dom_obj_var.html" title="హెచ్టిఎంఎల్ డొమ్ వేరియబుల్ ఆబ్జెక్ట్"><u></a></li> <li><a href="/te/jsref/dom_obj_video.html" title="హెచ్టిఎంఎల్ డొమ్ వీడియో ఆబ్జెక్ట్"><ul></a></li> </ul> <h2><var></h2> <ul> <li><a href="/te/jsref/obj_cssstyledeclaration.html" title="సిఎస్ఎస్ స్టైల్ డిక్లరేషన్ ఆబ్జెక్ట్"><video></a></li> <li><a href="/te/jsref/jsref_type_conversion.html" title="జావాస్క్రిప్ట్ టైప్ కన్వర్షన్">జెఎస్ పద్ధతి పరివర్తన</a></li> </ul> </div> <div><h3><center> విషయపరిణామం కోర్సు </center><h3> <h2>కోర్సు పరిమితి:</h2> <ul> <li><a href="/te/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="/te/jsref/met_document_createdocumentfragment.html" title="హెచ్టిఎంఎల్ డొమ్ డాక్యుమెంట్ క్రియేట్ డాక్యుమెంట్ ఫ్రాగ్ మెంట్() మాథడ్">createDocumentFragment()</a></li> <li> 下一页 <a href="/te/jsref/event_createevent.html" title="హెచ్టిఎంఎల్ డొమ్ డాక్యుమెంట్ క్రియేట్ ఇవెంట్() మాథడ్">createEvent()</a></li> <li> 返回上一层 <a href="/te/jsref/dom_obj_document.html" title="హెచ్టిఎంఎల్ డొమ్ డాక్యుమెంట్స్">హెచ్టిఎంఎల్ డొమ్ డాక్యుమెంట్స్</a></li> </ul> </div> <div> <h2>నిర్వచనం మరియు ఉపయోగం</h2> <p><code>createElement()</code> పద్ధతి మూలకం సృష్టిస్తుంది.</p> <h3>మరింత చూడండి:</h3> <p><a href="/te/jsref/met_node_appendchild.html" title="హెచ్టిఎంఎల్ డొమ్ ఇల్మెంట్ అప్ చిల్డ్() మాథడ్">Element appendChild() పద్ధతి</a></p> <p><a href="/te/jsref/met_node_insertbefore.html" title="హెచ్టిఎంఎల్ డొమ్ ఇల్మెంట్ ఇన్ సెట్ బిఫోర్() మాథడ్">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 = "ఈ ఒక పేరాగ్రాఫ్"; document.body.appendChild(para); </pre> <p class="tiy"><a target="_blank" href="/te/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 = "ఈ ఒక పేరాగ్రాఫ్."; document.getElementById("myDIV").appendChild(para); </pre> <p class="tiy"><a target="_blank" href="/te/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 = "హలో బటన్"; document.body.appendChild(btn); </pre> <p class="tiy"><a target="_blank" href="/te/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> యొక్క 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="/te/jsref/met_document_createdocumentfragment.html" title="హెచ్టిఎంఎల్ డొమ్ డాక్యుమెంట్ క్రియేట్ డాక్యుమెంట్ ఫ్రాగ్ మెంట్() మాథడ్">createDocumentFragment()</a></li> <li> 下一页 <a href="/te/jsref/event_createevent.html" title="హెచ్టిఎంఎల్ డొమ్ డాక్యుమెంట్ క్రియేట్ ఇవెంట్() మాథడ్">createEvent()</a></li> <li> 返回上一层 <a href="/te/jsref/dom_obj_document.html" title="హెచ్టిఎంఎల్ డొమ్ డాక్యుమెంట్స్">హెచ్టిఎంఎల్ డొమ్ డాక్యుమెంట్స్</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="/te/jsref/index.html">JavaScript మరియు HTML DOM రిఫరెన్స్ హ్యాండ్బుక్</a></h5> <h5 id="tools_example"><a href="/te/js/js_examples.html">JavaScript 实例</a></h5> <h5 id="tools_quiz"><a href="/te/js/js_quiz.html">JavaScript 测验</a></h5> <h5 id="tools_tutorial"><a href="/te/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="/te/about/index.html" title="గురించి CodeW3C.com">గురించి CodeW3C.com</a> <a href="/te/about/about_helping.html" title="సహాయం CodeW3C.com">సహాయం CodeW3C.com</a> <a href="/te/about/about_use.html" title="ఉపయోగం గురించి">ఉపయోగ నిబంధనలు</a> <a href="/te/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> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>