课程: JavaScript Essential Training
今天就学习课程吧!
今天就开通帐号,24,600 门业界名师课程任您挑!
Solution: Create elements
(lively music) - [Instructor] There are several ways of solving this challenge. I'll walk you through the one I think is most logical and it's also the most verbose one, which works well for our purposes 'cause then you can see exactly what's happening. I'll go down to create nav menu here and start off by creating a new nav element. So I'll create the outermost container that we'll be working with. I'll put it inside a new const called mainNav and I'll set it equal to document.createElement and specify the nav element. So now we have a nav element inside the dom. It's not attached anywhere yet, but we can now reference it and use it. Next, I want to append a class to the nav element. So I'll say mainNav.classlist.add and then main-navigation. Now the nav has a class. Next, I need to create an unordered list to place inside this new nav element. So I'll say const and give it a name, navList. Set it equal to…
随堂练习,边学边练
下载课堂讲义。学练结合,紧跟进度,轻松巩固知识。
内容
-
-
-
-
-
-
-
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 秒
-
-
-
-
-
-
-