CSS selectors و selector api


السلام عليكم و رحمه الله تعالى و بركاته

منذ دقائق إنتهيت من قراءه CSS 3 selectors specification إستعدادا لنزول ال selector api فى AIR 1.5 .
ال selector api تعطيك القدره على الاستعلام عن عناصر ال DOM من خلال إستخدام تعبيرات CSS 3 كما يوضح الكود التالى الذى يجلب جميع العناصر p التى لها class بإسم error داخل div له id بإسم result الذى هو بمثابه child مباشر للعنصر body :

var elems = document.querySelectorAll(” body>div#result p.error”);
for (var i = 0 ; i < elems.length ; ++i ) {
// do something with elem[i] }

الوظيفه السابقه تقوم بإرجاع array من نوع nodeList تطابق مواصفات جمله ال CSS3 ، يمكنك كتابه تعبيرات معقده جدا ، او تعبيرات بسيطه تغنيك عن الكثير من ال loops بإستخدام طريق ال DOM العاديه getElementById و getElementsByTagName لجلب النتيجه الساابقه ، قم بقراءه الصفح التى قمت بالإشاره إليها فإنها غنيه جدا جدا و صناع المتصفحات و محركات الترجمه تستخدمها عند إدراج تلك ال api ، وجب التنويه إلى ان AIR 1.5 أيضا يحتوى على الوظيفه getElementsByClassName التى تجلب عناصر ال DOM بناءا على إسم ال class ، قد ذكرت فى مقاله سابقه بإمكانيه إستخدام ال Xpath expressions فى AIR عن طريق document.evaluate و الكود التالى يوضح كيفيه الحصول على النتيجه السابقه :

var elems = document.evaluate(“/body/div[@id=result]/p[@class=error]” , document , null , XPathResult.ANY_TYPE , null);

الأوسمة: , , ,

أضف تعليقاً

إملأ الحقول أدناه بالمعلومات المناسبة أو إضغط على إحدى الأيقونات لتسجيل الدخول:

WordPress.com Logo

أنت تعلق بإستخدام حساب WordPress.com. تسجيل خروج   / تغيير )

صورة تويتر

أنت تعلق بإستخدام حساب Twitter. تسجيل خروج   / تغيير )

Facebook photo

أنت تعلق بإستخدام حساب Facebook. تسجيل خروج   / تغيير )

Google+ photo

أنت تعلق بإستخدام حساب Google+. تسجيل خروج   / تغيير )

Connecting to %s


%d مدونون معجبون بهذه: