Felhasználói eszközök

Eszközök a webhelyen


oktatas:web:javascript:javascript_dom

Különbségek

A kiválasztott változat és az aktuális verzió közötti különbségek a következők.

Összehasonlító nézet linkje

Előző változat mindkét oldalon Előző változat
oktatas:web:javascript:javascript_dom [2020/02/29 23:50]
admin [Előtte, utána]
oktatas:web:javascript:javascript_dom [2020/03/01 00:22] (aktuális)
admin [Elem listához]
Sor 757: Sor 757:
 elem.innerHTML = '​banán';​ elem.innerHTML = '​banán';​
 lista.append(elem);​ lista.append(elem);​
 +</​code>​
 +
 +==== Elem listához újra ====
 +
 +<code html>
 +<​!DOCTYPE html>
 +<html lang="​hu">​
 +    <​head>​
 +        <meta charset="​utf-8">​
 +        <​title></​title>​
 +    </​head>​
 +    <​body>​
 +        <​h1>​Lista bejárása</​h1>​
 +
 +        <input type='​text'​ id='​elem'>​
 +        <button id="​adGomb">​Hozzáad</​button>​
 +
 +        <ul id="​lista">​
 +        </ul>
 +
 +
 +    <script src="​script.js"​ charset="​utf-8"></​script>​
 +    </​body>​
 +</​html>​
 +</​code>​
 +
 +
 +<code javascript>​
 +var adGomb = document.getElementById('​adGomb'​);​
 +var lista = document.getElementById('​lista'​);​
 +adGomb.onclick = function() {
 +    var elemObj = document.getElementById('​elem'​);​
 +    var elem = elemObj.value;​
 +
 +    var liElem = document.createElement('​li'​);​
 +    liElem.appendChild(document.createTextNode(elem));​
 +    lista.appendChild(liElem);​
 +}
 </​code>​ </​code>​
  
oktatas/web/javascript/javascript_dom.txt · Utolsó módosítás: 2020/03/01 00:22 szerkesztette: admin