
DOM ساختاری است که توسط HTML ایجاد میشود و این امکان را به وجود میآورده که زبانهای برنامه نویسی با اشیاء برنامه ارتباط برقرار کنند. برای این جلسه page3 با پسوند html را ایجاد میکنیم.
اولین کاری که انجام میدهیم در بخش body چندین اِلمان در قالب (تصاویر، باکس متن، تگ لینک و...) به صفحه اضافه میکنیم تا عملیاتی را بر روی این اِلمانها انجام دهیم.
<img src="https://thr-storage.abramad.com:9021/images/img/1.webp?AWSAccessKeyId=zradfi8e9on5crea7roho17l7nj69btwwyh7fbfmnnji545u&Signature=UbapZuM8CZKJNoK%2FZ8sc1BSvLjw%3D&Expires=2147541990" width="200" height="200" />
<img src="https://thr-storage.abramad.com:9021/images/img/2.webp?AWSAccessKeyId=zradfi8e9on5crea7roho17l7nj69btwwyh7fbfmnnji545u&Signature=HVlbixsUIG0qYcnU1eFTvf1yT1o%3D&Expires=2147541990" width="200" height="200" />
<img src="https://thr-storage.abramad.com:9021/images/img/3.webp?AWSAccessKeyId=zradfi8e9on5crea7roho17l7nj69btwwyh7fbfmnnji545u&Signature=prw%2BLo6%2Bh1ipExeoK6CTrTAbjCY%3D&Expires=2147541990" width="200" height="200"/>
<img src="https://thr-storage.abramad.com:9021/images/img/4.webp?AWSAccessKeyId=zradfi8e9on5crea7roho17l7nj69btwwyh7fbfmnnji545u&Signature=2UMSF6fKlnzVhMFJSxy6IPgeHf4%3D&Expires=2147541990" width="200" height="200">
<div>
test1
</div>
<div>
test2
</div>
<a href="https://darsman.com">درسمن</a>
<a href="https://google.com">گوگل</a>
Var images=document.images;
for(let i=0;i<=images.length;i++)
{
images[i].style.border=”1px solid #000”;
}
var links=document.links;
for(let i=0;i<=links.length;i++)
{
links[i].setAttribute(“target”,”blank”);
}
var title=document.title;
alert(title);
var url=document.URL;
alert(url);
var img1=document.getElementById("img1");
img1.addEventListener("click",function(){alert("Hello")})
var img1=document.getElementById("img1");
img1.addEventListener("click",function(){alert("Hello")})
img1.addEventListener("click",fun1);
function fun1 (){
alert("hello");
}
img1=document.getElementById("img1");
img1.addEventListener("click",function(){fun2(".com")});
function fun2 (name){
alert("darsman"+name);
}


مهدی عباسی هستم، مسلط به حداقل ۲۰ زبان مطرح برنامه نویسی به صورت پیشرفته، مدیر عامل شرکت آریا نرم افزار و بنیانگذار آکادمی درسمن، مسلط به تدریس دروس تخصصی کاردانی و کارشناسی کامپیوتر، پایگاه داده ها، برنامه نویسی پیشرفته، مبانی برنامه نویسی، مباحث ویژه طراحی وب و ....
هنوز اینجا کامنتی ثبت نشده
DOM ساختاری است که توسط HTML ایجاد میشود و این امکان را به وجود میآورده که زبانهای برنامه نویسی با اشیاء برنامه ارتباط برقرار کنند. برای این جلسه page3 با پسوند html را ایجاد میکنیم.
اولین کاری که انجام میدهیم در بخش body چندین اِلمان در قالب (تصاویر، باکس متن، تگ لینک و...) به صفحه اضافه میکنیم تا عملیاتی را بر روی این اِلمانها انجام دهیم.
<img src="https://thr-storage.abramad.com:9021/images/img/1.webp?AWSAccessKeyId=zradfi8e9on5crea7roho17l7nj69btwwyh7fbfmnnji545u&Signature=UbapZuM8CZKJNoK%2FZ8sc1BSvLjw%3D&Expires=2147541990" width="200" height="200" />
<img src="https://thr-storage.abramad.com:9021/images/img/2.webp?AWSAccessKeyId=zradfi8e9on5crea7roho17l7nj69btwwyh7fbfmnnji545u&Signature=HVlbixsUIG0qYcnU1eFTvf1yT1o%3D&Expires=2147541990" width="200" height="200" />
<img src="https://thr-storage.abramad.com:9021/images/img/3.webp?AWSAccessKeyId=zradfi8e9on5crea7roho17l7nj69btwwyh7fbfmnnji545u&Signature=prw%2BLo6%2Bh1ipExeoK6CTrTAbjCY%3D&Expires=2147541990" width="200" height="200"/>
<img src="https://thr-storage.abramad.com:9021/images/img/4.webp?AWSAccessKeyId=zradfi8e9on5crea7roho17l7nj69btwwyh7fbfmnnji545u&Signature=2UMSF6fKlnzVhMFJSxy6IPgeHf4%3D&Expires=2147541990" width="200" height="200">
<div>
test1
</div>
<div>
test2
</div>
<a href="https://darsman.com">درسمن</a>
<a href="https://google.com">گوگل</a>
Var images=document.images;
for(let i=0;i<=images.length;i++)
{
images[i].style.border=”1px solid #000”;
}
var links=document.links;
for(let i=0;i<=links.length;i++)
{
links[i].setAttribute(“target”,”blank”);
}
var title=document.title;
alert(title);
var url=document.URL;
alert(url);
var img1=document.getElementById("img1");
img1.addEventListener("click",function(){alert("Hello")})
var img1=document.getElementById("img1");
img1.addEventListener("click",function(){alert("Hello")})
img1.addEventListener("click",fun1);
function fun1 (){
alert("hello");
}
img1=document.getElementById("img1");
img1.addEventListener("click",function(){fun2(".com")});
function fun2 (name){
alert("darsman"+name);
}