سوال: چگونگی انتخاب کردن تگ های دارای صفت خاص [بایگانی]

E power

یک شنبه 10 آذر 1392, 17:50 عصر

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

<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div country="iran" city="tehran" have-car="true">Test</div>
</body>
</html>
با توجه به صفت هایی که من برای اون div مشخص کردم بتونم برای اون div کد بنویسم
مثلا بگم div هایی که صفت city="tehran" رو دارن رنگشون قرمز باشه و...

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

Javidhb

یک شنبه 10 آذر 1392, 18:52 عصر

توی html5 برای تعریف صفتهای خاص باید از از پسوند -data استفاده کنید...
مثلا:

<div data-country="iran" data-city="tehran" data-have-car="true">Test</div>

برای مثالی که زدید این کار کرد!

var test = document.querySelectorAll('div[city="tehran"]');
alert(test[0].innerHTML);

کلا برای انتخاب کردن المنتها با querySelector (https://developer.mozilla.org/en-US/docs/Web/API/Element.querySelector)و querySelectorAll (https://developer.mozilla.org/en-US/docs/Web/API/Element.querySelectorAll)دستتون بازتره.