יש לי עמוד HTML שבתוכו אני רוצה להחליף את כל כותרות ה H2 ל H3.

קוד:

 var myh = document.getElementsByTagName('h2');
             var fixedElement = document.createElement('h3')
             for (i = 0; i < myh.length; i++) {
                 fixedElement.appendChild(myh[i]);
                

                 myh.replaceChild(fixedElement, myh[i]);

             }

ניסיתי לכתוב את הקוד הבא אך זה לא עובד, אני יודע שאני מציק הרבה בימים האחרונים אבל אם תוכלו לעזור אני מאוד אאריך

למה לא לעשות את זה עם JQUERY
-משהו בסגנון של

קוד PHP:

 $(document).ready(function(){
    $("h2").addClass("h3");
}); 


אני לא ממש מבין למה הוא רוצה לעשות את זה, אבל תשים לב שהוא ביקש להחליף לגמרי את התג מH2 לH3.

אז מוסיפים removeClass("H2"').
לא כזה ביג דיל

הוא שאל איך לעשות זאת, ובהתאם לקוד שהוא הציג, נראה שהוא מעוניין בעזרה ב-JS, כך שאם ספריה זו או אחרת לא נותנת יתרון ממשי במקרה זה, אין סיבה להציע להשתמש בה, רק בגלל שיש כאלו שבמקום לדעת לכתוב קוד JS הם משתמשים בכמה הרחבות מוכנות...

jQuery היא ספריה מעולה, אולי אף הטובה ביותר עבור javaScript, אבל לא מביאים טנק כדי להרוג זבוב...
הספריה כוללת קוד רב וצורכת משאבים בהתאם, כך שאין סיבה לטעון אותה לזכרון עבור כל פעולה קצרה ופשוטה.
מלבד זאת, צריך לדעת לתכנת, ושימוש ב-jQuery לפני שיודעים JS ברמה בסיסית, רק גורע מהידע


לפותח האשכול:
אתה מעוניין שבמקום התג H2 יהיה התג H3?
אם כך, נראה שהכיוון שלך נכון, רק שהתבלבלת מעט. לדוגמה, יצרת אלמנט חדש מסוג H3 ונראה שנסית להוסיף לו בן, במקום להוסיף אותו כבן לאב של האלמנט שאותו אתה רוצה להחליף.

ניתן לעשות זאת במס' דרכים, דרך אחת פשוטה מוצגת לך כאן:

קוד:

var h2 = document.getElementsByTagName('h2');
for(i=0; i<h2.length; i++)
	h2[i].parentNode.innerHTML = "<h3>"+h2[i].innerHTML+"</h3>";

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

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

פיתוח, שירות,יעוץ והדרכה.

הכנסת h3 לתוך h2
אז עשיתי מיקס בין הקטעי קוד שלכם

קוד PHP:

 var myh = document.getElementsByTagName('h2');
             var fixedElement;
             for (i = 0; i < myh.length; i++) {
                 fixedElement = document.createElement('h3');
                 fixedElement.innerHTML = myh[i].innerHTML;
                 myh.replaceChild(fixedElement, myh[i]);
             } 


וכהרגלנו בקודש, לא בדקתי

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://fresh.clanteam.com/list.png]

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://fresh.clanteam.com/?https://2010-uploaded.fresh.co.il/2010/09/21/52868411.gif,http://www.boredpanda.com/blog/wp-content/themes/mimbo2.2/images/subscribe-panda-605px.png]

אני שמח שהדגמנו למה הדרך הנכונה זה להשתמש ב JQUERY .

ציטוט:

צריך לדעת לתכנת, ושימוש ב-jQuery לפני שיודעים JS ברמה בסיסית, רק גורע מהידע

זה השיקול היחידי ללכתוב לבד.
ואז למחוק ולהשתמש בJQUERY.

על מה אתה סח?

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

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://fresh.clanteam.com/list.png]

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://fresh.clanteam.com/?https://2010-uploaded.fresh.co.il/2010/09/21/52868411.gif,http://www.boredpanda.com/blog/wp-content/themes/mimbo2.2/images/subscribe-panda-605px.png]

אין שום סיבה בעולם?
1. ביצועים
2. פשטות
3. באגים
הנה שלוש סיבות...
אין שום סיבה בעולם להמציא מחדש את הגלגל... עזוב שאתם עושים את זה כבר שבוע...

תשים לב על מה אתה מדבר. ביצועים, פשטות, באגים.
1. הביצועים של jQuery מעולים, אך הביצועים שלה במקום קוד קליל (גם אם בפועל תכתוב פחות שורות, זה מריץ הרבה מאד קוד שלא תמיד נדרש) ויעודי, ממש אינם טובים בואתה מידה.
2. פשטות. למי שלא יודע JS, אין שום פשטות בלתכנת קוד JS דווקא בשימשו בספריה זו או אחרת - ההבל היחיד הוא הבורר, מה שפותח האשכול במילא כתב בשורת קוד אחת (getElementsByTagName...).
3. באגים. שוב, דיוק באותה מידה שיכול להיות באג בכמה שורות קוד בודדות שכתבנו כאן, יכול להיות גם באג באותן שורות קוד שיכתבו גם על בסיס jQuery.
4. מתעסקים עם זה שבוע? כי מנסה לעזור למי שנכון לזמן פתיחת האשכול לא ידע איך לשעות זאת, גם לנסות ללמוד לעשות זאת באמצעות jQuery יה לוקח לא פחות זמן

כדי לא להמשיך דיון מיותר, אנסה לסכם.
אנחנו לא בהכרח חושבים אחרת ממך, אנחנו מסכימים איתך ש-jQuery זו ספריה מעולה, אולי אף הטובה ביותר, אך אנו חושבים שהיא לא מתאימה כשידוע מראש שהצורך מסתכם בפתרון נקודתי - ואין באותו אתר צורך אחר ב-jQuery (אחרת הספריה במילא נטענה).
ומעבר לכל, מטרת הדיון הוא לעזור בהבנת JS, כך שממש לא משנה הדעה על השימוש ב-jQuery

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

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

פיתוח, שירות,יעוץ והדרכה.

תשים לב לקוד שכתבתי, אני לא מכניס את ה-h2 לתוך ה-h3, למרות שאולי זה נראה כך.
אני מכניס את תוכן ה-H2 לתוך ה-H3, ואת ה-H3 לתוך האב של H2 (מה שבעצם עושה את ה"החלפה")

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

פיתוח, שירות,יעוץ והדרכה.

אבל אז אתה מוחק את כל התוכן של האב (שסביר להניח שמכיל יותר מרק את תג ה־H2).



עריכה: אם כבר את עורך ישירות את קוד ה־HTML, אפשר גם להשתמש בהחלפת מחרוזות.

one-liner:

קוד PHP:

 document.body.innerHTML = document.body.innerHTML.replace( /<(\/?)h2>/gi, "<$1h3>" ); 


עריכה 2: בעצם זה ייצור בעיות עם תגים בעלי מאפיינים.

תוספים לפורום
קורס לטינית בלעדי לפרש, בפורום שפות ובלשנות.

ציטוט:

במקור נכתב על ידי ShoobyD אבל אז אתה מוחק את כל התוכן של האב (שסביר להניח שמכיל יותר מרק את תג ה־H2).

אתה צודק, הצורה שהחלפתי עלולה לגרום לשיבוש.

בהמשך לקו בו כתבתי את הקוד, צריך ליצור H3, להוסיף אותו לאב לפני (insertBefore) הכותרת הישנה (H2) ולאחר מכן למחוק (removeChild) את הכותרת הישנה.

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

פיתוח, שירות,יעוץ והדרכה.

מעניין אם אחרי שכל האשכול הזה ייגמר, נגלה שהסיבה שאתה רוצה לחליף H2 ל H3 היא כדי לשנות את גודל ומאפייני הטקסט (מה שכמובן צריך לעשות באמצעות שינוי מאפיין ה style של האובייקטים השונים בעץ ה DOM, ולא באמצעות שינוי סמנטי ברמת הכותרת בהיררכיה...)

נמאס לכם לזכור סיסמאות? לחצו כאן!