DOM operations and practical cases-Free online video tutorial-php.cn

Community Learn Tools Library Leisure

English

DOM operations and practical cases

Master how to use the DOM methods natively provided by JavaScript to quickly obtain specified elements or collections of elements from the page, and process the attributes and content of the elements. And through a practical case of online intelligent customer service, we will deepen everyone's understanding of DOM operations and become familiar with the application scenarios of DOM operations!

Intermediate

dom

javascript

16331 person learning

14class hour

03 hours 09 minutes 46 secondsTotal course duration

2022-04-21update

PHPz

Gold lecturer

A total of 72 courses Student45553 Lecturer rating5.4

学习是最好的投资！More>>

Course Introduction Course Outline Data Download Other Courses

You will learn：

1. How to use native DOM methods to quickly query elements in the page; 2. If you use the native DOM method to add, delete, modify and check elements; 3. Familiar with the basic application scenarios of DOM operations!

DOM operations and practical cases

Chapter1 Course Introduction
expand retract

Section1 Introduction to basic knowledge of DOM operations
duration： 14 minutes 20 seconds
Chapter2 How to get elements using DOM methods?
expand retract

Section1 How to get element based on id attribute?
duration： 14 minutes 01 seconds

Section2 How to get an element based on its name attribute?
duration： 07 minutes 35 seconds

Section3 How to get element based on tag name?
duration： 12 minutes 14 seconds

Section4 Name attribute and tag name shortcut to get elements
duration： 18 minutes 49 seconds

Section5 How to get elements through class attribute?
duration： 08 minutes 00 seconds

Section6 How to get elements through css selector?
duration： 09 minutes 10 seconds
Chapter3 Tips for DOM manipulation elements
expand retract

Section1 How to traverse the document tree through DOM methods?
duration： 24 minutes 20 seconds

Section2 How to manipulate attributes of HTML elements?
duration： 19 minutes 22 seconds

Section3 How to deal with content in HTML elements?
duration： 08 minutes 33 seconds

Section4 DOM node creation/insertion/deletion/update operations
duration： 13 minutes 10 seconds
Chapter4 DOM practical case
expand retract

Section1 Practical warm-up: Principle of generating chat messages
duration： 06 minutes 10 seconds

Section2 Practical combat: Simulating intelligent online customer service system (1)
duration： 13 minutes 45 seconds

Section3 Practical combat: Simulating intelligent online customer service system (2)
duration： 20 minutes 17 seconds

Data Name operate
[must see]DOM operation and practical case courseware and source code Download

PHPz Lecturer Other Courses

ElementaryIntroduction to basic parameters of Layer pop-up window

43745
Collection
ElementaryFront-end basic practical course

47030
Collection
ElementaryQuickly master the basics of programming (a must-read for beginners)

20790
Collection
ElementaryWeb Development Basics_HTML+CSS

36318
Collection
ElementaryHTML code example

142303
Collection
ElementaryBuild HTML pages from scratch

139644
Collection
ElementaryFront-end actual native layout—(Xiaomi Mall)

47285
Collection
ElementaryCSS code example

169487
Collection
ElementaryBeautification function of CSS

89560
Collection
IntermediateH5 page design project practice

31253
Collection
IntermediateHTML5 front-end interview questions

26897
Collection
ElementaryBootstrap5-make web development faster

40230
Collection

Start Learning

This course includes：

03 hours 09 minutes 46 seconds Watch videos anytime

1 Download Resources

Popular courses Latest courses

More>