استفاده از DOM در جاوا اسکریپت به چه صورت است ؟

0

استفاده از DOM در جاوا اسکریپت به چه صورت است ؟

حسین برخورداری Answered question اکتبر 18, 2020
Add a Comment
2

استفاده از DOM در جاوا اسکریپت به چه صورت است ؟

دسترسی به گره ها
تکه کد زیر را در نظر بگیرید

<html>
<head>
<title>DOM Example</title>
</head>
<body>
<p>Hello World!</p>
<p>Isn’t this exciting?</p>
<p>You’re learning to use the DOM!</p>
</body>
</html>

اولا براي دسترسی به عنصر HTML می توان از documentElement که یکی از خاصیت هاي شی document است استفاده کنیم. به صورت زیر:

var oHtml = document.documentElement;

حال می توانیم با استفاده از این متغیر به عناصر body و head به صورت زیر دسترسی داشته باشیم:

var oHead = oHtml.firstChild;
var oBody = oHtml.lastChild

راه دیگر به صورت زیر است:

var oHead = oHtml.childNodes[0];
var oBody = oHtml.childNodes[1];

براي بدست آوردن تعداد فرزندان یک گره:

alert(oHtml.childNodes.length); //outputs “2”

می توانیم از متدي موسوم به item() براي دسترسی نیز استفاده کنیم:

var oHead = oHtml.childNodes.item(0);
var oBody = oHtml.childNodes.item(1);

DOM همچنین از دستور document.body را براي دسترسی به عنصر body صفحه استفاده می کند.

var oBody = document.body;

می توانیم صحت رابطه هاي سه متغیر oHtml و oBody ، oHead را به صورت زیر نشان دهیم:

alert(oHead.parentNode == oHtml); //outputs “true”
alert(oBody.parentNode == oHtml); //outputs “true”
alert(oBody.previousSibling == oHead); //outputs “true”
alert(oHead.nextSibling == oBody); //outputs “true”
alert(oHead.ownerDocument == document); //outputs “true”

منبع : انجمن علمی مهندسی فناوری اطلاعات دانشگاه پیام تور مرکز اران و بید گل

برای اموزش های ویدیویی زبان جاوا اسکیریپت به بستر ویدیو های اموزشی بروید

بستر اموزش های ویدویی 

حسین برخورداری Answered question اکتبر 18, 2020
Add a Comment
Write your answer.
  • Active
  • Views2226 times
  • Answers1 answer
ورود به متاورس | متاورس ایرانی
ورود به متاورس ایران یا همان متاورس ملی

علامت ذره بین Tutorials سمت راست به رنگ قرمز به شما کمک خواهد کرد .

جدید ترین سوالات پرسیده شده

ایا ایدز گزفتم؟ 0 Answers | 0 Votes
انتخاب ورزش رزمی 0 Answers | 1 Vote
وزارت تعاون کار و رفاه اجتماعی اسناد و املاک کشور مرکز آموزش ویدیویی انجمن پرسش و پاسخ فروشگاه ملی تولید کنندگان مدیریت بر مدیران حم رسانه ملی اخبار متا دانشگاه متاورس استخدام | دانش محور فروشگاه مجازی حم تبلیغات ملی بازار NFT متاورس رنگ نقشه ملی سه بعدی متا تونل زمان متاآرت وبرنگ خانه