לשנות רקע של td בJavaScript

[trupix]

הגעתי לתוצאה זהה אבל בצורה מסורבלת יותר, כך שיש התקדמות.

שאלה - כשאני לוחץ על td, הרקע מהשתנה. כיצד הוא יודע למי לשנות? הרי אין שם ID..
כי נניח אני לוחץ על אחד מהם, אני צריך לעבור על כל השאר ולהחזיר להם את ערך הbackground למשהו אחר.

[DoLet]

נכתב במקור על ידי trupix

הגעתי לתוצאה זהה אבל בצורה מסורבלת יותר, כך שיש התקדמות.

שאלה - כשאני לוחץ על td, הרקע מהשתנה. כיצד הוא יודע למי לשנות? הרי אין שם ID..
כי נניח אני לוחץ על אחד מהם, אני צריך לעבור על כל השאר ולהחזיר להם את ערך הbackground למשהו אחר.

במקרה הזה במקרה הזה this = לtd שהוא נמצא עליו.
תנסה להסתכל על getElementsByTagName ולנסות אולי להשתמש בו.

[meshuga]

	function doIt(el){
		for(var i=0;i<el.parentNode.parentNode.getElementsByTagName("td").length;i++)
			el.parentNode.parentNode.getElementsByTagName("td")[i].style.background='';
		el.style.background='red';
	}

זה יעבוד על כל השורות בטבלה..כלומר, אם יהיה לך טבלה כזאת:

<table>
	<tr>
	<td onclick="doIt(this);">Col. 1</td>
	<td onclick="doIt(this);">Col. 2</td>
	</tr>
	<tr>
	<td onclick="doIt(this);">Col. 1</td>
	<td onclick="doIt(this);">Col. 2</td>
	</tr>
</table>

אם תרצה להגביל את זה שזה יעבוד בכל שורה בנפרד אז תוריד parentNode אחד.

מעבר לקוד "קומפלט" שהבאתי לך...אני מצפה שתבדוק את הרכיבים כמו parentNode וgetElementsByTagName ולצאת קצת מה"בועה" של JQUERY/MOOTOOLS וכד'..

[IgalSt]

נכתב במקור על ידי meshuga

מעבר לקוד "קומפלט" שהבאתי לך...אני מצפה שתבדוק את הרכיבים כמו parentNode וgetElementsByTagName ולצאת קצת מה"בועה" של JQUERY/MOOTOOLS וכד'..

בנוסף querySelectorAll שאפשר להשתמש בו בסלקטורים, בדומה לאיך שעובדים עם jQuery.
החיסרון הוא שהוא לא נתמך בדפדפנים ישנים (IE7 ומטה)