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.

--- oktatas:web:javascript:javascript_dom [2020/02/29 23:46]
admin [Dokumentum módosítása]
+++ oktatas:web:javascript:javascript_dom [2020/03/01 00:22]
admin [Elem listához]
@@ Sor 739: / Sor 739: @@
 lista.before('előtte');
 lista.after('utána');
+</code>
+==== Elem listához ====
+<code htmlí>
+var lista = document.getElementById('lista');
+lista.before('előtte');
+lista.after('utána');
+</code>
+<code javascript>
+var lista = document.getElementById('lista');
+lista.before('előtte');
+lista.after('utána');
+let elem = document.createElement('li');
+elem.innerHTML = 'banán';
+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>

szit