<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <p class="azonosito">1</p> <p class="azonosito">2</p> <p name="nev">asd</p> <p name="nev">asd</p> <p id="asd"></p> <script> let elem = document.querySelectorAll("[name='nev']"); console.log(elem); let elem2 = document.querySelector("#asd"); elem2.textContent = "textcontent<br>"; console.log(elem2); let elem3 = document.querySelectorAll(".azonosito"); elem3[1].innerHTML = "asd"; console.log(elem3); elem3[0].style.backgroundColor = "yellow"; elem2.setAttribute("title", "cim"); console.log(elem2.getAttribute("title")); elem2.removeAttribute("title"); console.log(elem2.getAttribute("title")); let ujelem = document.createElement("div"); ujelem.innerHTML = "Új elem tartalma"; //document.body.appendChild(ujelem); let nagyszulo = document.getElementById("asd"); let szulo = document.createElement("div"); szulo.innerHTML = "Szülő"; nagyszulo.appendChild(szulo); szulo.appendChild(ujelem); nagyszulo.removeChild(szulo); </script> </body> </html>