انسخ رمز الكود كما يلي:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<الرأس>
<title>20120430dom سمة العمليةNode.htm</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<نوع البرنامج النصي = "نص/جافا سكريبت">
// على الرغم من أن Attr (السمة) عبارة عن عقدة، إلا أنه لا يمكن الوصول إليها باستخدام firstChild وchildNodes.
اختبار الوظيفةBtn() {
// var myNode = document.getElementById("btn");//الحصول على علامة العنصر
// var myNodeName = myNode.nodeName; // احصل على اسم التسمية أعلاه كزر
// var x = myNode.attributes["onclick"].nodeType; //atrributes عبارة عن مصفوفة سمات. معنى هذه الجملة هو العثور على العقدة = 2 مع التسمية "btn" كسمة.
// إذا (س == 2) {
// تنبيه ("أنت تصل إلى عقدة سمة!")؛
// }
// ما يلي هو الكود لتعديل سمات العقدة ======================== ==== =================
//================================================================================================ ===================================================================================
var myNode = document.getElementById("btn");//الحصول على علامة العنصر
var x = myNode.getAttribute("id");// احصل على سمة المعرف الخاصة بالتسمية
myNode.setAttribute("value"، "test");// تعديل سمة المعرف الخاصة بالتسمية
var y = myNode.getAttribute("value");
تنبيه("لقد تغيرت سمة المعرف من "" + x + "" إلى "" + y + """);
// ما يلي هو إضافة سمات إلى عنصر =============================== === ==============================================================
//================================================================================================ ===================================================================================
var myAtrr = document.createAttribute("class");
myAtrr.nodeValue = "classStyle";
myNode.setAttribute(myAtrr);
// الفرق بين getAttributeNode و getAttribute هو الحصول على قيمة السمة - getAttribute()
// طريقة getAttribute("") تُرجع قيمة السمة.
// احصل على قيمة السمة - getAttributeNode ()
// طريقة getAttributeNode("") تُرجع عقدة السمة، وتحصل getAttributeNode('').value على قيمة العقدة.
// تختلف نتائج المتصفحات المختلفة. لن أقوم بإجراء بحث متعمق هنا.==================== ====== ===============================
إذا (myNode.getAttributeNode("class") != null)
تنبيه("تمت الإضافة بنجاح!!");
آخر
تنبيه("لم تتم الإضافة بنجاح");
// فيما يلي قيمة السمة التي تمت إزالتها ================================ === ====================================================================
//================================================================================================ ===========================================================================================
// myNode.removeAttribute("class");
// إذا (myNode.getAttribute("class") == null)
// تنبيه ("تم الحذف بنجاح !!")؛
//آخر
// تنبيه("لا يوجد نجاح");
var delNode=myNode.getAttributeNode("class");
إذا (myNode.getAttribute("class") == خالية)
تنبيه("تم الحذف بنجاح!!");
آخر
تنبيه ("لم ينجح")؛
}
</script>
</الرأس>
<الجسم>
<h1>الفصل الثاني عن دوم</h1>
<p id="p1">مقدمة عن دوم</p>
<p>كيفية استخدام <a href="#" name="link">dom</a></p>
<input id = "btn" type = "button" onclick = "testBtn ()" value = "اختبار"/>
</الجسم>
</html>
انتبه إلى الفرق بين طرق المعلمات مع Node وبدون Node.