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

سلام دوستان

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

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

با تشکر

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

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



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

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

}

دمــو

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

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

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

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

}

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

با تشکر

باید از خصوصیت 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()?

ممنونم

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

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

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

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

ممنونم

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

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

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