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

Community

Learn

Tools Library

AI Tools

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

16681 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.1

学习是最好的投资！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

45257
Collection
ElementaryFront-end basic practical course

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

21275
Collection
ElementaryWeb Development Basics_HTML+CSS

36934
Collection
ElementaryHTML code example

143290
Collection
ElementaryBuild HTML pages from scratch

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

48258
Collection
ElementaryCSS code example

171323
Collection
ElementaryBeautification function of CSS

90038
Collection
IntermediateH5 page design project practice

32449
Collection
IntermediateHTML5 front-end interview questions

27818
Collection
ElementaryBootstrap5-make web development faster

41262
Collection

Start Learning

This course includes：

03 hours 09 minutes 46 seconds Watch videos anytime

1 Download Resources

Popular courses Latest courses

More>