CodeW3C verkkokurssi
HTML sarjaopas
Selain-skripti
Palvelin-skripti
Ohjelmointiopas
XML sarjaopas
Verkkosivuston opas
Viittausopas
Opintosuunnitelma
JS Viittauskirja
JS Viittauskirja (luokitus)
JS Viittauskirja (aakkosjärjestys)
JavaScript
JS Taulukko
JS Boolean
JS Luokka
JS Date
JS Virhe
JS Globaali
JS JSON
JS Map
JS Math
JS Numero
JS Promise
JS RegExp
JS Set
JS-merkkijono
JS-objekti
JS operaattori
JS operaattorin prioriteetti
JS-lause
JS-typisoitu taulukko
Ikkuna
Window objekti
Ikkuna Console
Ikkuna Historia
Ikkuna Location
Ikkuna Navigator
Ikkuna Screen
HTML DOM
HTML Dokumentti
HTML Elementti
HTML Atribuutti
HTML Event
HTML Event-objekti
HTML Kokoelma
HTML NodeList
HTML DOMTokenList
HTML-tyyli
Web-API
API Canvas
API Console
API Fetch
API Koko näyttö
API Geolokointi
API Historia
API MediaQueryList
API tallennus
API validointi
Web-API
HTML-objekti
<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> painike
<input> valintaruutu
<input> väri
<input> päivämäärä
<input> paikallinen-aika
<input> paikallinen-aika
<input> sähköposti
<input> tiedosto
<input> piilotettu
<input> kuva
<input> kuukausi
<input> numero
<input> salasana
<input> radio
<input> asteikko
<input> nollaa
<input> haku
<input> lähetä
<input> teksti
<input> aika
<input> url
<input> viikko
<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="/fi/jsref/dom_obj_track.html" title="HTML DOM Track-objekti"><track></a></li> <li><a href="/fi/jsref/dom_obj_u.html" title="HTML DOM Underline-objekti"><title></a></li> <li><a href="/fi/jsref/dom_obj_ul.html" title="HTML DOM Ul-objekti"><track></a></li> <li><a href="/fi/jsref/dom_obj_var.html" title="HTML DOM Variable-objekti"><u></a></li> <li><a href="/fi/jsref/dom_obj_video.html" title="HTML DOM Video-objekti"><ul></a></li> </ul> <h2><var></h2> <ul> <li><a href="/fi/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration-objekti"><video></a></li> <li><a href="/fi/jsref/jsref_type_conversion.html" title="JavaScript-tyyppimuunnos">JS-tyyppimuunnokset</a></li> </ul> </div> <div><h3><center> valinnainen kurssi </center><h3> <h2>kurssivinkki:</h2> <ul> <li><a href="/fi/howto/index.html" title="CodeW3C.com:n kikkakori">CodeW3C.com:n kikkakori</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() -menetelmä</h1> <div class="prenextnav-ref"> <ul> <li> edellinen sivu <a href="/fi/jsref/met_document_createdocumentfragment.html" title="HTML DOM Document createDocumentFragment() -menetelmä">createDocumentFragment()</a></li> <li> Seuraava sivu <a href="/fi/jsref/event_createevent.html" title="HTML DOM Document createEvent() -menetelmä">createEvent()</a></li> <li> Palaa ylös <a href="/fi/jsref/dom_obj_document.html" title="HTML DOM Documents">HTML DOM Documents</a></li> </ul> </div> <div> <h2>määritelmä ja käyttö</h2> <p><code>createElement()</code> metodi luo elementti solmun.</p> <h3>Katso myös:</h3> <p><a href="/fi/jsref/met_node_appendchild.html" title="HTML DOM Element appendChild() -menetelmä">Elementti appendChild() -menetelmä</a></p> <p><a href="/fi/jsref/met_node_insertbefore.html" title="HTML DOM Element insertBefore() -menetelmä">Elementti insertBefore() -menetelmä</a></p> </div> <div> <h2>esimerkki</h2> <h3>esimerkki 1</h3> <p>Luo <p> -elementti ja liitä se dokumenttiin:</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="/fi/tiy/t.html?f=jsck_document_createelement_1">kokeile itse</a></p> <h3>esimerkki 2</h3> <p>Luo <p> -elementti ja liitä se elementtiin:</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="/fi/tiy/t.html?f=jsck_document_createelement_2">kokeile itse</a></p> <h3>esimerkki 3</h3> <p>Luo painike:</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="/fi/tiy/t.html?f=jsck_document_createelement_3">kokeile itse</a></p> </div> <div> <h2>syntaksi</h2> <pre>document.createElement(<i>tagName</i>)</pre> <h3>parametri</h3> <table class="dataintable"> <tr> <th style="width: 25%;">parametri</th> <th>kuvaus</th> </tr> <tr> <td><i>tagName</i></td> <td> <p>pakollinen. Luotavan elementin nimi.</p> <p>HTML-elementin nimi voi olla mitä tahansa kirjoitusmuodossa.</p> <p>XML-elementin nimi erottaa suuren ja pienen kirjaimen.</p> </td> </tr> </table> <h3>palautusarvo</h3> <table class="dataintable"> <tr> <th style="width: 25%;">tyyppi</th> <th>kuvaus</th> </tr> <tr> <td>solmu</td> <td>Uusin luotu elementti solmu, jolla on määritelty nimi.</td> </tr> </table> <h3>heittää</h3> <p>Jos tagName sisältää epäilyttäviä merkkejä, tämä metodi heittää virheen koodilla <code>INVALID_CHARACTER_ERR</code> DOMException poikkeusta.</p> </div> <div> <h2>selaimen tuki</h2> <p><code>document.createElement()</code> on DOM Level 1 (1998) ominaisuus.</p> <p>Kaikki selaimet tukevat sitä:</p> <table class="browser-support"> <tr> <th class="bsChrome">Chrome</th> <th class="bsIE">IE</th> <th class="bsEdge">Edge</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>Chrome</td> <td>IE</td> <td>Edge</td> <td>Firefox</td> <td>Safari</td> <td>Opera</td> </tr> <tr> <td>tukee</td> <td>9-11</td> <td>tukee</td> <td>tukee</td> <td>tukee</td> <td>tukee</td> </tr> </table> </div> <div class="prenextnav-ref"> <ul> <li> edellinen sivu <a href="/fi/jsref/met_document_createdocumentfragment.html" title="HTML DOM Document createDocumentFragment() -menetelmä">createDocumentFragment()</a></li> <li> Seuraava sivu <a href="/fi/jsref/event_createevent.html" title="HTML DOM Document createEvent() -menetelmä">createEvent()</a></li> <li> Palaa ylös <a href="/fi/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> Työkalupakka </center><h3> <h5 id="tools_reference"><a href="/fi/jsref/index.html">JavaScript ja HTML DOM viittausopas</a></h5> <h5 id="tools_example"><a href="/fi/js/js_examples.html">JavaScript-esimerkit</a></h5> <h5 id="tools_quiz"><a href="/fi/js/js_quiz.html">JavaScript-testit</a></h5> <h5 id="tools_tutorial"><a href="/fi/js/index.html">JavaScript-opas</a></h5> </div> <div><h3><center> Sponsorointilinkit </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com tarjoamat sisällöt ovat vain koulutusta ja testaukseen tarkoitettuja, emmekä takuuta sisällön oikeellisuutta. Käyttämällä tätä verkkosivustoa syntynyt riski ei ole verkkosivuston vastuulla. Kaikki oikeudet pidätetään. </p> <p id="p2"> <a href="/fi/about/index.html" title="Tietoja CodeW3C.comista">Tietoja CodeW3C.comista</a> <a href="/fi/about/about_helping.html" title="Apua CodeW3C.comista">Apua CodeW3C.comista</a> <a href="/fi/about/about_use.html" title="Käyttötiedot">Käyttöehdot</a> <a href="/fi/about/about_privacy.html" title="Tietosuoja">Tietosuojalauseke</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="Voimaannut Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>