مثال على كيفية الحصول على كائن عقدة المستند

انسخ رمز الكود كما يلي:

<أتش تي أم أل>

<الرأس>

<العنوان></العنوان>

<النص البرمجي>

/*

كيفية الحصول على كائن عقدة المستند:

*/

// يتم الحصول على الأول عن طريق المعرف

دالة الوثيقةDemo(){

var tableNode = document.getElementById("tab_id");

tableNode.style.border = "5px Solid #00ff00";

}

//ثانيًا، من خلال سمة الاسم

دالة الوثيقةDemo2(){

var inputNode = document.getElementsByName("txt");

تنبيه (inputNode. length)؛

تنبيه(inputNode[0].value);

}

//النوع الثالث من خلال اسم العلامة

دالة documentDemo3(){

var tdNode = document.getElementsByTagName("td");

تنبيه (tdNode. length)؛

for(var x = 0; x < tdNode.length;x++){

تنبيه(tdNode[x].innerText);

}

}

</script>

<نمط النوع = "نص/CSS">

.ونيديف{

العرض: 200 بكسل؛

الارتفاع: 100 بكسل؛

الحدود: 1 بكسل الصلبة #f00؛

الهامش العلوي: 20 بكسل؛

}

الجدول، تد {

الحدود: 1px الصلبة #00f؛

العرض: 200 بكسل؛

الهامش العلوي: 20 بكسل؛

محاذاة النص:مركز؛

}

</نمط>

</الرأس>

<الجسم>

<input type = "button" value = "مظاهرة كائن المستند" onclick = "documentDemo3 ()"> <br/>

<ديف>

هذا هو المحتوى الموجود في div

</div>

<نوع الإدخال = "txt" الاسم = "txt" >

<نوع الإدخال = "txt" الاسم = "txt" >

<جدول الخلايا = "0" معرف = "tab_id">

<تر>

<td>جافا</td>

<td>بي إتش بي</td>

</tr>

<تر>

<td>.نت</td>

<td>آي أو إس</td>

</tr>

</الجدول>

<span>هذه منطقة الامتداد</span> <br/>

<a href="#">هذا رابط تشعبي</a>

<الجسم>

</html>