מה שכן הייתי מציע לך דבר כזה:

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

מה שקורה עם document.write זה דבר די פשוט:

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

אם שמת document.write לפני שהדף נטען אז הטקסט ייכתב וגם הHTML שלך עדיין יישאר קיים.

עכשיו יש חסרון פה, כי אם הDOM שלך הוא ready to use מה שאומר שהדף סיים להטען אז המסמך נכנס לstatus של close מה שאומר שאי אפשר להשתמש בפקודה הזאת יותר.

עכשיו הסיבה היחידה שעוד משתמשים בdocument.write היא לטעון סקריפטים, זה פשוט עושה את זה הרבה יותר מהר בגלל חוסר התלות בDOM של העמוד.

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

לסיכום השימוש בזה הוא מיושן ולא רלוונטי כל כך, דרך מצויינת לייצר סקריפטים בדף היא להשתמש בDOM עם createElement/appendChild

ובמקום לחפור לך אני אפנה אותך לערך בויקיפדיה

http://he.wikipedia.org/wiki/Document_Object_Model

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

כדי להמנע מלהכיר את כל מה שאובייקט DOM מכיל בדרך כלל משתמשים בjQuery אני קצת נגד, תמיד טוב לדעת איך דברים עובדים, ומה החשיבות של כל method/property בתוך אובייקט.

כל דבר שלא הייתי סגור עליו הייתי נכנס לגוגל ורושם what is the best way to use regex in javascript

what is the best way to modify html node in javascript