آموزش کامل و حرفه ای DOM در زبان جاوا اسکریپت (بخش اول)

<div>
        <img src="images/1.webp"/>
        <img src="images/2.webp"/>
        <img src="images/3.webp"/>
        <img src="images/4.webp"/>
  </div>
    <h1>
        darsman.com
    </h1>
    <p>
        دروه آموزشی زبان برنامه نویسی جاوا اسکریپت
    </p>
    <ul>
        <li>Item1</li>
        <li>Item2</li>
        <li>Item3</li>
        <li>Item4</li>
    </ul>

document.getElementById("id");

var element=document.getElementById("img1");
element.style.border="1px solid #ffff00"

var elemens=document.getElementsByClassName("img");
for (let index = 0; index < elemens.length; index++) {
const element = elemens[index];
element.style.border="1px solid #ff00ff"
}

var elemens2=document.getElementsByTagName("نام تگ");
for (let index = 0; index < elemens2.length; index++) {
const element = elemens2[index];
element.style.border="1px solid #ff00ff"
}

var tag=document.createElement("نام تگ");

var text=document.createTextNode("متن مورد نظر"); 

tag.appendChild(text);

document.body.appendChild(tag);

var item=document.getElementById("img1");

var div=document.getElementsByTagName("div");

div[0].removeChild(img1);