
سرفصل دوره
آموزش کامل و حرفه ای DOM در زبان جاوا اسکریپت (بخش دوم)
معرفی مدلهای BOM و DOM و پویایی عناصر صفحه وب
معرفی مدل DOM (Document Object Model)
DOM ساختاری است که توسط HTML ایجاد میشود و این امکان را به وجود میآورده که زبانهای برنامه نویسی با اشیاء برنامه ارتباط برقرار کنند. برای این جلسه page3 با پسوند html را ایجاد میکنیم.
اولین کاری که انجام میدهیم در بخش body چندین اِلمان در قالب (تصاویر، باکس متن، تگ لینک و...) به صفحه اضافه میکنیم تا عملیاتی را بر روی این اِلمانها انجام دهیم.
<img src="https://thr-storage.abramad.com:9021/images/img/1.webp?AWSAccessKeyId=zradfi8e9on5crea7roho17l7nj69btwwyh7fbfmnnji545u&Signature=2FkjRqVHjds72FxMkCX3zJL2MpA%3D&Expires=2108751187" width="200" height="200" />
<img src="https://thr-storage.abramad.com:9021/images/img/2.webp?AWSAccessKeyId=zradfi8e9on5crea7roho17l7nj69btwwyh7fbfmnnji545u&Signature=gMEQi0htaixY7EqqMc%2FldONIJsc%3D&Expires=2108751187" width="200" height="200" />
<img src="https://thr-storage.abramad.com:9021/images/img/3.webp?AWSAccessKeyId=zradfi8e9on5crea7roho17l7nj69btwwyh7fbfmnnji545u&Signature=CLs69GDhFGNwMOUpFMrMuJnVhL8%3D&Expires=2108751187" width="200" height="200"/>
<img src="https://thr-storage.abramad.com:9021/images/img/4.webp?AWSAccessKeyId=zradfi8e9on5crea7roho17l7nj69btwwyh7fbfmnnji545u&Signature=PeTxSjDgPW63KeitbKImoKZITJA%3D&Expires=2108751187" width="200" height="200">
<div>
test1
</div>
<div>
test2
</div>
<a href="https://darsman.com">درسمن</a>
<a href="https://google.com">گوگل</a>
Document.images
Var images=document.images;
for(let i=0;i<=images.length;i++)
{
images[i].style.border=”1px solid #000”;
}
Document.Links
var links=document.links;
for(let i=0;i<=links.length;i++)
{
links[i].setAttribute(“target”,”blank”);
}
Document.title
var title=document.title;
alert(title);
Document.URL
var url=document.URL;
alert(url);
addEventLisener
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 در زبان جاوا اسکریپت (بخش دوم)
- .دسترسی مادام العمر به ویدئوهای دوره
- .دسترسی رایگان به آپدیت های دوره
- .تدریس روان و ساده با کیفیت بالا
- .سرفصل های بسیار جامع و غنی

مهدی عباسی
مهندس ارشد کارشناسی کامپیوترمهدی عباسی هستم، مسلط به حداقل ۲۰ زبان مطرح برنامه نویسی به صورت پیشرفته، مدیر عامل شرکت آریا نرم افزار و بنیانگذار آکادمی درسمن، مسلط به تدریس دروس تخصصی کاردانی و کارشناسی کامپیوتر، پایگاه داده ها، برنامه نویسی پیشرفته، مبانی برنامه نویسی، مباحث ویژه طراحی وب و ....
نظرات دانشجویان
هنوز اینجا کامنتی ثبت نشده
آموزش کامل و حرفه ای DOM در زبان جاوا اسکریپت (بخش دوم)
معرفی مدلهای BOM و DOM و پویایی عناصر صفحه وب
معرفی مدل DOM (Document Object Model)
DOM ساختاری است که توسط HTML ایجاد میشود و این امکان را به وجود میآورده که زبانهای برنامه نویسی با اشیاء برنامه ارتباط برقرار کنند. برای این جلسه page3 با پسوند html را ایجاد میکنیم.
اولین کاری که انجام میدهیم در بخش body چندین اِلمان در قالب (تصاویر، باکس متن، تگ لینک و...) به صفحه اضافه میکنیم تا عملیاتی را بر روی این اِلمانها انجام دهیم.
<img src="https://thr-storage.abramad.com:9021/images/img/1.webp?AWSAccessKeyId=zradfi8e9on5crea7roho17l7nj69btwwyh7fbfmnnji545u&Signature=2FkjRqVHjds72FxMkCX3zJL2MpA%3D&Expires=2108751187" width="200" height="200" />
<img src="https://thr-storage.abramad.com:9021/images/img/2.webp?AWSAccessKeyId=zradfi8e9on5crea7roho17l7nj69btwwyh7fbfmnnji545u&Signature=gMEQi0htaixY7EqqMc%2FldONIJsc%3D&Expires=2108751187" width="200" height="200" />
<img src="https://thr-storage.abramad.com:9021/images/img/3.webp?AWSAccessKeyId=zradfi8e9on5crea7roho17l7nj69btwwyh7fbfmnnji545u&Signature=CLs69GDhFGNwMOUpFMrMuJnVhL8%3D&Expires=2108751187" width="200" height="200"/>
<img src="https://thr-storage.abramad.com:9021/images/img/4.webp?AWSAccessKeyId=zradfi8e9on5crea7roho17l7nj69btwwyh7fbfmnnji545u&Signature=PeTxSjDgPW63KeitbKImoKZITJA%3D&Expires=2108751187" width="200" height="200">
<div>
test1
</div>
<div>
test2
</div>
<a href="https://darsman.com">درسمن</a>
<a href="https://google.com">گوگل</a>
Document.images
Var images=document.images;
for(let i=0;i<=images.length;i++)
{
images[i].style.border=”1px solid #000”;
}
Document.Links
var links=document.links;
for(let i=0;i<=links.length;i++)
{
links[i].setAttribute(“target”,”blank”);
}
Document.title
var title=document.title;
alert(title);
Document.URL
var url=document.URL;
alert(url);
addEventLisener
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);
}