איך אני מעתיק למשתנה את התוכן של אלמנט <div> מסויים?
האם צריך ליצור אובייקט מיוחד המותאם לו?
תודה

חתימתכם הוסרה כיוון שלא עמדה בחוקי האתר. לפרטים נוספים לחצו כאן. תוכלו לקבל עזרה להתאמת החתימה לחוקים בפורום חתימות וצלמיות.

קוד:

x=document.getElementById("div_id").innerHTML;

Gallery

Pentax K100D + Pentax SMCP-DA 18-55mm f/3.5-5.6 AL + SMC Pentax-M Macro 1:4 50mm + SMC Pentax 1:2.8/105mm + SMC Pentax-M 1:2.8 35mm + SMC Pentax 1:1.4/50mm

אני יכול להשתמש ב- getElementById על המשתנה שיצרתי?
ואם לא, איך מציגים אותו?

חתימתכם הוסרה כיוון שלא עמדה בחוקי האתר. לפרטים נוספים לחצו כאן. תוכלו לקבל עזרה להתאמת החתימה לחוקים בפורום חתימות וצלמיות.

למה הכוונה איך אתה בודק אם זה עובד?

אם זה הציג לך (אחרי שתכתוב למשל writeln) את התוכן שבתוך ה-DIV, אז זה עובד.

ציטוט:

אני יכול להשתמש ב- getElementById על המשתנה שיצרתי?

S - Designer הראה לך דוגמא שהוא השתמש ב- getElementById. והכי מומלץ להשתמש בזה.

אם למשל בתוך אותו אלמנט <div> יש עוד אלמנטים עם id, האם לאחר שהכנסתי את התוכן לתוך משתנה אני יכול לכתוב למשל:

קוד:

  
x.getElementById("el").innerHTML = "hellow"

חתימתכם הוסרה כיוון שלא עמדה בחוקי האתר. לפרטים נוספים לחצו כאן. תוכלו לקבל עזרה להתאמת החתימה לחוקים בפורום חתימות וצלמיות.

אתה לא ממש מובן...


לפי מה שכתבת ולפי מה שהבנתי, אז או שאתה רוצה לדעת אם אפשר לקרוא ל-ID נוספים שנמצאים בתוך DIV שהפכת את תוכנו ל- "Hello" ע"י פקודת JS, או שאתה רוצה לדעת אם אפשר להפוך את התוכן של ה-DIV ל- "Hello" כשבתוכו יש סתם עוד אלמנטים מסויימים.

האפשרות הראשונה נראית לי יותר סבירה לכן אענה רק עליה:

לאחר שאתה הופך את התוכן של ה-DIV הכולל למשל ל- "Hello", כל האלמנטים שהיו בתוכו שהכילו ID'ים מסוימים הם נמחקים. ולכן אם אתה תקרא להם (לאלמנטים שהיו בתוך ה-DIV) ע"י שימוש ב-getElementById , ייצא לך null.

ממה שאתה שואל אני מבין שני דברים:
1. לשמור במשתנה Reference לאלמנט כדי לעשות מניפולציות עליו או על ה-nodes המקורבים אליו:

קוד PHP:

 var oDiv = document.getElementById("div_id");
oDiv.nextSibling.innerHTML = "This is the 'oDiv' brother";
oDiv.firstChild.setAttribute("id", "the_new_id_for_one_of_the_oDiv_childs"); 


2. לשנות את התוכן של האלמנט ואז כל התוכן הקודם שלו נמחק לאלתר (כולל אלמנטים בנים שלו), כפי ש-DCD כבר ציין. להערכתי אתה צריך ללמוד על nodes בהקשר לאלמנט שאתה פונה אליו (בכל דרך שלא תהיה). לכל אלמנט יש מספר nodes שקשורים להפניה לאלמנט עצמו, ל-attributes שלו, לתוכן שלו וכך הלאה. הדרך שאתה הצגת שגויה מכיוון שאחרי שפנית לתוכן (שחוזר כמחרוזת) אתה מנסה לפנות לילדים של אותו האובייקט. בלתי אפשרי (במיוחד מהסיבה ש-getElementsById שייך לאובייקט ה-document ותמיד מתייחס לכל המסמך).

הערה:
לא מזמן כתבתי קוד המכיל 2 שכבות אחים:

קוד:

<div id="a"></div>
<div id="b"></div>

היתה לי גישה לאלנט הראשון:

קוד:

var a=$('a');

הדולר זה כמובן getElementById כפי שאתה בוודאי יודע , אבל למרות זאת קיבלתי גישה לאחיו הצמוד רק באמצעות:

קוד:

a.nextSibling.nextSibling

אין לי מושג למה, ואני לא זוכר אם זה בשני הדפדפנים, בכל אופן קטע מוזר שאולי אתה מכיר [ואם כן אשמח לשמוע על כך], אם זו לא בעיה מוכרת זה לא אקטואלי מכיון שאני עייף וזמני קצר מדי בשביל שאחפש את הקוד.

השועל מתייחס לירידת שורה (להלן: n\) כאל האח של האלמנט. ב-IE זה לא קורה.
הפתרון הוא להוריד את ירידת השורה ורווחים מהקוד. או לבנות פונקציה שתמצא האם ה-node הוא לא טקסט. לא ממש מסובך לביצוע

חשדתי שהדפדפן מתייחס לתווים שלאחר האלמנט כאלמנט בפני עצמו, למרות שמדובר ב"תווים לבנים", טוב לדעת שזה ידוע ומוכח.

כשזה ברור זה בהחלט לא מהווה בעיה רצינית. 10X

כפי שנטען, לא ממש הבנו את כוונתך, אך יכול להיות שזה כי שכחת את אחד מהיסודות הבאים:
1. ראשית אני מדבר על x\html ולא על מסמך XML אחר, למרות שחלק מהמאפיינים והשיטות (methods) הבאות יתאימו גם למסמך XML שאינו xhtml.
2. הערך של המאפיין id חייב להיות "יחיד במינו" (UNIQUE), לא ניתן לתת לשני אלמנטים id זהה.
3. הפניה לאלמנט בצורה הפרקטית נעשית בדרך הבאה:

קוד:

document.getElementById('the_elemnt_id');

4. השיטה לעיל מחזירה מצביע ישיר לאלמנט, כך שאם תשמור את הערך החוזר במשתנה תוכל לגשת באמצעות המשתנה לכל המאפיינים והשיטות השייכים לאובייקט המדובר בהתאם לסוגו כפי המפורט ב-DOM [וכדלהלן]. כמו כן תוכל לגשת לאלמנטים אחרים שהקשר ביניהם ידוע לך (כגון, אחים, הורים, בנים וכדומה).
5. המאפיין innerHTML הוא מאפיין קריאה/כתיבה המכיל את הערך שבתוך האלמנט.
הערך יכול להיות "ריק", "מספר", "מחרוזת", "תגים" (אלמנטים נוספים), "מעורב" ובעצם כל דבר. אם תשים ערך כלשהו למאפיין זה (באמצעות אופרטור ההשמה/שוויון), הערך יחליף את כל התכולה הקיימת, אלא אם תשתמש באופרטור השרשור (הסימן + משמש לשרשור כשמדובר בערך מסוג מחרוזת, ולפעולת חיבור בערכים מספריים).

מספר דוגמאות:

קוד:

<div id='a'>
</div>

<div id='b'>
	safg

	<div>
	adgf
	</div>
</div>

<script type="text/javascript">
var a = document.getElementById('a');
var b = document.getElementById('b');

// שמירת תכולת האלמנטים בתוך משתנה
var aValue = a.innerHTML; // aValue is now null
// "\n" is new line, "\t" is tab
var bValue = b.innerHTML; // bValue now contains "\n\tsafg\n\n\t<div>\n\tadgf\n\t</div>\n"

// האלמנט הראשון מכיל כרגע בדיוק את מה שהאלמנט השני מכיל
a.innerHTML = bValue;

// האלמנט השני יקבל שוב את ערכו/תכולתו, ולכן הערך הנוכחי שלו יוכפל
b.innerHTML = b.innerHTML + bValue;
// פעולה זהה לקוד מהשורה הקודמת, רק משתמשים בקיצור
b.innerHTML += bValue;
</script>

אם משהו לא מובן, תעדכן על איזה נקודה מדובר ונשתדל להבהיר יותר.