课程: JavaScript Essential Training
今天就学习课程吧!
今天就开通帐号,24,600 门业界名师课程任您挑!
Practice: Modify classes and attributes, and styles - JavaScript教程
课程: JavaScript Essential Training
Practice: Modify classes and attributes, and styles
- Being able to quickly access, modify, add and remove classes, attributes and inline styles from any element in the DOM, is a bit like having a bag of tools on hand to solve pretty much any problem. Need to indicate a state change of an element? Add or remove a class. Need to pass data from one element to the other? Add a data attribute. Need to change the appearance of a specific element for some reason? Add an inline style. In the previous practice assignment, you familiarized yourself with accessing DOM elements using the query selector and query selector all methods. Now I want you to take this one step further by actively modifying the elements you've targeted by adding or removing classes, attributes, and inline styles. Here's some examples of what you can do. Find an element and add two different classes then remove only one of those new classes. Add a new attribute to an element. This can be a standard…
随堂练习,边学边练
下载课堂讲义。学练结合,紧跟进度,轻松巩固知识。
内容
-
-
-
-
-
-
-
DOM: The Document Object Model4 分钟 7 秒
-
(已锁定)
Access elements with querySelector methods6 分钟 6 秒
-
(已锁定)
Access elements using older methods3 分钟 45 秒
-
(已锁定)
Practice: Find an element1 分钟 29 秒
-
(已锁定)
Modifying element classes4 分钟 53 秒
-
(已锁定)
Attributes4 分钟 13 秒
-
(已锁定)
Inline style3 分钟 52 秒
-
(已锁定)
Practice: Modify classes and attributes, and styles1 分钟 36 秒
-
(已锁定)
Add DOM elements5 分钟 25 秒
-
(已锁定)
Challenge intro: Create elements1 分钟 17 秒
-
(已锁定)
Solution: Create elements3 分钟 35 秒
-
-
-
-
-
-
-