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

[Salar.Shayegan]

سلام دوستان

سوالی که اخیرا" برام پیش اومده اینه که چه جوری میشه مثلا" به همه ی تگ های لینک <a > دسترسی پیدا کرد؟

برای مثال کدی بنویسیم که روی همه ی تگ های لینک (یا غیره) تاثیر داشته باشه و نه یکی از اون ها؟

با تشکر

[Javidhb]

ابتدا با querySelectorAll تمام المنتهای مورد نظر رو توی یک آرایه ذخیره میکنید و بعد میتونید با حلقه به تک تک المنت ها دسترسی داشته باشید.
مثال:

var elements = document.querySelectorAll('a');



for (var i=0; i<elements.length; i++) {

    elements[i].style.color = "red";

}

دمــو

[Salar.Shayegan]

ممنونم
مثلا" من میخوام همه ی لینک ها حروف کوچک شوند
از این کد استفاده کردم اما جواب نداد:

var elements = document.querySelectorAll('a');

for (var i=0; i<elements.length; i++) {

    elements[i].href = elements[i].href.toLowerCase();

}

مشکل از کجاست؟

با تشکر

[hakan648]

باید از خصوصیت innerHTML برای تغییر محتوای تگ استفاده کنید.

var elements = document.getElementsByTagName('a');

for (var i=0; i<elements.length; i++) {

    elements[i].innerHTML = elements[i].innerHTML.toLowerCase();

}

Test:
http://jsfiddle.net/Yjt7L/1/

در ضمن اگر هم فقط میخواهید تگ ها رو با نام اونها انتخاب کنید، از تابع getElementsByTagName که نسبت به querySelectorAll سریع تر و هماهنگ تر است، استفاده کنید.

Why is getElementsByTagName() faster than querySelectorAll()?

[Salar.Shayegan]

ممنونم

نه من میخواستم آدرس لینک ها(href) حروف کوچک شوند!
راه حل چیه؟
با تشکر

[hakan648]

کدی که نوشتید صحیح کار میکند.

من هم کدی که نوشتم رو بروز کردم و نام دامنه هارو حروف بزرگ نوشتم، اونجا هم صحیح کار میکند.

Test
http://jsfiddle.net/Yjt7L/2/

[Salar.Shayegan]

ممنونم

بیشتر هدفم قسمت بعد از دامنه در آدرس هست! برای مثال: categroy/3/

روی آن هم درست کار میکند؟

[hakan648]

شما کدها رو بررسی کردید؟ من فقط برای تست نام دامنه رو با حروف بزرگ نوشتم، اما کد همه ی آدرس رو به حروف کوچک تبدیل می کند.