آموزش جاوا اسکریپت Vanilla: ساخت مدل شی Doc اسناد (DOM)

سرفصل ها و درس ها

معرفی Introduction

• جاوا اسکریپت DOM را از داخل و خارج بیاموزید Learn the JavaScript DOM inside and out

• از کجا شروع کنیم Where to start

1. مفاهیم کلیدی DOM 1. Key DOM Concepts

• رابط Node The Node interface

• نقشه ها و لیست های خاص DOM DOM-specific maps and lists

• دسترسی تصادفی با querySelector () Random access with querySelector()

• CRUD در گنبد CRUD in the DOM

• چالش: queryAll ++ Challenge: queryAll++

• راه حل: queryAll ++ Solution: queryAll++

2. HTML به DOM 2. HTML to DOM

• DOM از کجا آمده است؟ Where does the DOM come from?

• تجزیه و تحلیل HTML DIY DIY HTML parsing

• ایجاد یک پایه محکم: واژه خوان Building a firm foundation: The lexer

• متن تجزیه Parsing text

• تفسیر نظرات Parsing comments

• عناصر تجزیه Parsing elements

• تجزیه صفات Parsing attributes

• چالش: عناصر باطل Challenge: Void elements

• راه حل: عناصر باطل Solution: Void elements

3. تبدیل DOM 3. Transforming the DOM

• عبور از درخت Traversing the tree

• ساخت یک چاپگر زیبا Building a pretty printer

• در حال پردازش قطعات سند Processing document fragments

• در حال پردازش نظرات Processing comments

• عناصر پردازش Processing elements

• پردازش ویژگی های عنصر Processing element attributes

• دست زدن به متن و پاکسازی Handling text and cleanup

• چالش: برچسب های خالی Challenge: Empty tags

• راه حل: برچسب های خالی Solution: Empty tags

نتیجه Conclusion

• مهارت های DOM خود را بالا ببرید Level up your DOM skills