![弌: 亅丐
querySelector
亰仂于 elem.querySelector(css) 于仂亰于舒舒亠 仆亠 于亠, 舒 仂仍从仂 仗亠于亶 仍亠仄亠仆,
仂仂于亠于ﾑ亳亶 CSS-亠仍亠从仂 css.
仆舒亠 亞仂于仂, 亠亰仍舒 舒从仂亶 亢亠, 从舒从 亳 仗亳 elem.querySelectorAll(css)[0],
仆仂 于 仗仂仍亠亟仆亠仄 于亰仂于亠 仆舒舒仍舒 亳 于亠 仍亠仄亠仆, 舒 仗仂仂仄 弍亠
仗亠于亶, 舒 于 elem.querySelector(css) 亳亠 仂仍从仂 仗亠于亶, 仂 亠 仂仆
亠从亳于仆亠亠.
亅仂 仄亠仂亟 舒仂 亳仗仂仍亰亠, 从仂亞亟舒 仄 亰舒于亠亟仂仄仂 亰仆舒亠仄, 仂 仗仂亟仂亟亳亶
仍亠仄亠仆 仂仍从仂 仂亟亳仆, 亳 仂亳仄 仗仂仍亳 于 仗亠亠仄亠仆仆 舒亰 亠亞仂.](https://image.slidesharecdn.com/module4-170705143839/85/Module-4-30-320.jpg)
More Related Content
What's hot (20)
Similar to Module 4 (20)
Module 4
- 2. 丕: DOM, BOM JS 弌舒仄 仗仂 亠弍亠 磶从 JavaScript 仆亠 仗亠亟仄舒亳于舒亠 舒弍仂 弍舒亰亠仂仄. 仆 于仂仂弍亠 仆亠 亰仆舒亠 仗仂 HTML. 仂 仗仂亰于仂仍磳 仍亠亞从仂 舒亳 亠弍 仆仂于仄亳 仆从亳礆亳 亳 仂弍亠从舒仄亳.
- 3. 乖丐亊 亂 丕丐 (DOM) 仍仂弍舒仍仆亶 仂弍亠从 document 亟舒 于仂亰仄仂亢仆仂 于亰舒亳仄仂亟亠亶于仂于舒 仂亟亠亢亳仄仄 舒仆亳.
- 4. 乖丐亊 亂 丕 (BOM) 丕仗舒于仍磳 仗仂于亠亟亠仆亳亠仄 弍舒亰亠舒 亳亰 JavaScript. BOM 于从仍ﾑ舒亠 于 亠弍 仆亠从仂仍从仂 仂弍亠从仂于: Window 1. Location 2. Navigator 3. History 4. Screen 5. Frames 6. DOM 7. JavaScript
- 5. 乖丐 WINDOWS 弍亠从 window 磦仍磳 从仂仆亠于仄 仂弍亠从仂仄 JavaScript. 亠 仂弍亠从 JavaScript, 舒 舒从亢亠 仗亠亠仄亠仆仆亠 亳 仆从亳亳 仂仗亠亟亠仍磳仄亠 仗仂仍亰仂于舒亠仍亠仄 舒仆 于 仂弍亠从亠 window.
- 6. 弌弌丐 乖丐 WINDOWS 弌于仂亶于仂 仗亳舒仆亳亠 closed 仂亰于舒舒亠 仍仂亞亳亠从仂亠 亰仆舒亠仆亳亠 (true 亳仍亳 false) 于 亰舒于亳亳仄仂亳 仂 仂亞仂, 亰舒从仂 从舒亰舒仆仆仂亠 仂从仆仂 亳仍亳 仂仂. frames 仂亰于舒舒亠 仄舒亳于 于亠 亠亶仄仂于 仆舒 舒仆亳亠 (于从仍ﾑ舒 iframe). document 仂亰于舒舒亠 仂弍亠从 Document 亟舒仆仆仂亞仂 仂从仆舒. history 仂亰于舒舒亠 仂弍亠从 History 亟舒仆仆仂亞仂 仂从仆舒. length 仂亰于舒舒亠 从仂仍亳亠于仂 亠亶仄仂于 (于从仍ﾑ舒 iframe), 从仂仂亠 仆舒仂亟 于 亟舒仆仆仂仄 仂从仆亠. location 仂亰于舒舒亠 仂弍亠从 Location 亟舒仆仆仂亞仂 仂从仆舒. name 丕舒仆舒于仍亳于舒亠 亳仍亳 于仂亰于舒舒亠 亳仄 亟舒仆仆仂亞仂 仂从仆舒. navigator 仂亰于舒舒亠 仂弍亠从 Navigator 亟舒仆仆仂亞仂 仂从仆舒. opener 仂亰于舒舒亠 仍从 仆舒 仂从仆仂, 从仂仂仂亠 仂从仍仂 亟舒仆仆仂亠. parent 仂亰于舒舒亠 仂亟亳亠仍从仂亠 仂从仆仂 亟舒仆仆仂亞仂 仂从仆舒. screen 仂亰于舒舒亠 仂弍亠从 Screen 亟舒仆仆仂亞仂 仂从仆舒. top 仂亰于舒舒亠 于亠仆亠亠 弍舒亰亠仆仂亠 仂从仆仂 亟仍 亟舒仆仆仂亞仂 仂从仆舒.
- 7. 丐乘 乖丐 WINDOWS 亠仂亟 仗亳舒仆亳亠 alert(), confirm(), prompt() 亳舒仍仂亞仂于亠 仂从仆舒 blur() 亠仍舒亠 仂从仆仂 仆亠舒从亳于仆仄. clearInterval() 亠从舒舒亠 仗仂于仂仆仂亠 于仗仂仍仆亠仆亳亠 从仂亟舒 亰舒亟舒仆仆仂亞仂 setInterval(). clearTimeout() 仄亠仆磳 亰舒仗仍舒仆亳仂于舒仆仆仂亠 仄亠仂亟仂仄 setTimeout() 于仗仂仍仆亠仆亳亠 从仂亟舒 close() 舒从于舒亠 仂从仆仂. focus() 亠仍舒亠 仂从仆仂 舒从亳于仆仄. moveBy() 弌仄亠舒亠 仂从仆仂 仂仆仂亳亠仍仆仂 亠亞仂 亠从亠亶 仗仂亰亳亳亳. moveTo() 亠亠仄亠舒亠 仂从仆仂 仆舒 从舒亰舒仆仆 仗仂亰亳亳. open() 从于舒亠 仆仂于仂亠 仂从仆仂 弍舒亰亠舒. scrollBy() 仂从亳于舒亠 仂亟亠亢亳仄仂亠 仂从仆舒 仆舒 从舒亰舒仆仆仂亠 从仂仍亳亠于仂 仗亳从亠仍亠亶.
- 8. 丐乘 乖丐 WINDOWS 亠仂亟 仗亳舒仆亳亠 scrollTo() 仂从亳于舒亠 仂亟亠亢亳仄仂亠 仂从仆舒 亟仂 从舒亰舒仆仆 从仂仂亟亳仆舒. setInterval() 亰于舒亠 仆从亳 亳仍亳 于仗仂仍仆磳 从仂亟 亠亠亰 仂仗亠亟亠仍亠仆仆亠 仗仂仄亠亢从亳 于亠仄亠仆亳 (从舒亰舒仆仆亠 于 仄亳仍仍亳亠从仆亟舒). setTimeout() 亰于舒亠 仆从亳 亳仍亳 于仗仂仍仆磳 从仂亟 仗仂仍亠 从舒亰舒仆仆仂亞仂 从仂仍亳亠于舒 仄亳仍仍亳亠从仆亟 仂亟亳仆 舒亰.
- 9. 乖丐 NAVIGATOR 弌 仗仂仄仂 仂弍亠从舒 navigator 仄仂亢亠亠 仂仗亠亟亠仍亳 从舒从仂亶 弍舒亰亠 亳仗仂仍亰亠 仗仂仍亰仂于舒亠仍. 丐舒从 亢亠 仗仂仄仂 navigator 仄仂亢亠亠 仗仂于亠亳 仄仂亢亠 仍亳 仗仂仍亰仂于舒亠仍 仗亳仆亳仄舒 cookie 亳 于从仍ﾑ亠仆舒 仍亳 仆亠亞仂 仗仂亟亟亠亢从舒 Java. 弌于仂亶于舒 弌 仗仂仄仂 于仂亶于舒 userAgent 仄仂亢亠亠 亰仆舒 于 亳仆仂仄舒亳 仂 弍舒亰亠亠 仗仂仍亰仂于舒亠仍. 弌 仗仂仄仂 于仂亶于舒 cookieEnabled 仄仂亢亠亠 亰仆舒 于从仍ﾑ亠仆舒 仍亳 于仂亰仄仂亢仆仂 亳仗仂仍亰仂于舒仆亳 cookie 于 弍舒亰亠亠 仗仂仍亰仂于舒亠仍. 弌 仗仂仄仂 于仂亶于舒 appVersion 仄仂亢亠亠 亰仆舒 于亠亳 弍舒亰亠舒 弌 仗仂仄仂 于仂亶于舒 appName 仄仂亢亠亠 亰仆舒 仆舒亰于舒仆亳亠 弍舒亰亠舒, 舒 仗仂仄仂 appCodeName 从仂亟仂于仂亠 仆舒亰于舒仆亳亠 弍舒亰亠舒. 弌 仗仂仄仂 于仂亶于舒 platform 仄仂亢亠亠 亰仆舒 仗仍舒仂仄, 仗仂亟 从仂仂 从仂仄仗亳仍亳仂于舒仆 弍舒亰亠 (.亠. 亰仆舒 弌, 从仂仂 亳仗仂仍亰亠 仗仂仍亰仂于舒亠仍).
- 10. 乖丐 NAVIGATOR 亠仂亟 弌 仗仂仄仂 仄亠仂亟舒 javaEnabled() 仄仂亢亠亠 仗仂于亠亳 于从仍ﾑ亠仆舒 仍亳 仗仂亟亟亠亢从舒 Java 于 弍舒亰亠亠 仗仂仍亰仂于舒亠仍 亳仍亳 仆亠. 亠仂亟 于亠仆亠 true 亠仍亳 仗仂亟亟亠亢从舒 于从仍ﾑ亠仆舒 亳 false 亠仍亳 仆亠.
- 11. 乖丐 SCREEN 弍亠从 Screen 仂亟亠亢亳 亳仆仂仄舒亳 仂弍 从舒仆亠 仗仂仍亰仂于舒亠仍. 弌 仗仂仄仂 于仂亶于 亟舒仆仆仂亞仂 仂弍亠从舒 仄仂亢亠亠 亰仆舒 从舒从仂亠 舒亰亠亠仆亳亠, 舒 舒从亢亠 从舒从舒 亞仍弍亳仆舒 于亠舒 舒仆仂于仍亠仆舒 仆舒 从舒仆亠 仗仂仍亰仂于舒亠仍. 弌于仂亶于舒 width 仂仗亠亟亠仍磳 亳亳仆 从舒仆舒 仗仂仍亰仂于舒亠仍, 舒 于仂亶于仂 height 于仂. 弌 仗仂仄仂 于仂亶于舒 colorDepth 仄仂亢亠亠 亰仆舒 亞仍弍亳仆 于亠舒 (亳亰仄亠磳 于 弍亳舒 仆舒 仗亳从亠仍) 舒仆仂于仍亠仆仆 仗仂仍亰仂于舒亠仍: 弌于仂亶于仂 availHeight 于仂亰于舒舒亠 于仂 从舒仆舒 仗仂仍亰仂于舒亠仍 仍亢舒 仆亠仗仂亠亟于亠仆仆仂 亟仍 于于仂亟舒 亳仆仂仄舒亳亳 (.亠. 于仂舒 弍亠亰 舒亰仄亠舒 舒从亳 仍亠仄亠仆仂于 弍舒亰亠舒 从舒从 仗舒仆亠仍 亰舒亟舒, 仗仂仍仂舒 仗仂从从亳 亳 .亟.). 弌于仂亶于仂 availWidth 于仂亰于舒舒亠 亳亳仆 从舒仆舒 仗仂仍亰仂于舒亠仍 仍亢舒 仆亠仗仂亠亟于亠仆仆仂 亟仍 于于仂亟舒 亳仆仂仄舒亳亳 (.亠. 亳亳仆舒 弍亠亰 舒亰仄亠舒 舒从亳 仍亠仄亠仆仂于 弍舒亰亠舒 从舒从 仗舒仆亠仍 亰舒亟舒, 仗仂仍仂舒 仗仂从从亳 亳 .亟.).
- 12. 乖丐 LOCATION 仂弍亠从亠 Location 舒仆 亳仆仂仄舒亳 仂 亠从亠仄 URL. 弌于仂亶于舒 弌于仂亶于仂 href 舒仆亳 URL 亠从亠亞仂 亟仂从仄亠仆舒 亠仍亳从仂仄. 弌 仗仂仄仂 于仂亶于舒 pathname 仄仂亢亠亠 亰仆舒 仗 从 亰舒亞亢亠仆仆仂仄 亟仂从仄亠仆.弌于仂亶于仂 host 仂亟亠亢亳 亳仄 亟仂仄亠仆舒 亰舒亞亢亠仆仆仂亞仂 亟仂从仄亠仆舒. 亠仂亟 弌 仗仂仄仂 仄亠仂亟舒 assign() 仄仂亢亠亠 亰舒亞亰亳 仆仂于亶 亟仂从仄亠仆 于 亟舒仆仆仂亠 仂从仆仂 弍舒亰亠舒 (亳亰仄亠仆亳 亠从亳亶 URL 仆舒 亢亠仍舒亠仄亶). 亠仂亟 reload() 亳仗仂仍亰亠 亟仍 仗亠亠亰舒亞亰从亳 亠从亠亞仂 亟仂从仄亠仆舒. 亠亶于亳亠 仂亞仂 仄亠仂亟舒 舒仆舒仍仂亞亳仆仂 亟亠亶于 从仆仂仗从亳 "弍仆仂于亳" 弍舒亰亠舒.
- 13. 乖丐 HISTORY 弍亠从 History 仂亟亠亢亳 仗亳仂从 URL 从仂仂亠 弍仍亳 仗仂亠亠仆 于 亟舒仆仆仂仄 仂从仆亠 弍舒亰亠舒. 弌于仂亶于舒 弌 仗仂仄仂 于仂亶于舒 length 仄仂亢亠亠 亰仆舒 从仂仍亳亠于仂 仗仂亠亠仆仆 URL 舒仆亳 于 仗亳从亠.
- 14. 乖丐 HISTORY 亠仂亟 仄仂亢亠亠 仗亠亠仄亠舒 仗仂 仗亳从 仗仂亠亠仆仆 URL 仗仂仄仂 仄亠仂亟舒 go(仄亠亠仆亳亠). 舒仗亳仄亠, 仗仂仄仂 go(2) 仄仂亢亠亠 仗亠亠仄亠亳 仆舒 亟于舒 URL 于仗亠亠亟, 舒 go(-3) 仗亠亠仄亠亳 舒 仆舒 亳 URL 仆舒亰舒亟. 弌 仗仂仄仂 仄亠仂亟舒 back() 仄仂亢亠亠 仗亠亠亶亳 仆舒 仗亠亟亟 URL 于 仗亳从亠 仗仂亠亠仆仆 舒仆亳. 亠亶于亳亠 仂亞仂 仄亠仂亟舒 舒仆舒仍仂亞亳仆仂 亟亠亶于 亠仍从亳 仆舒亰舒亟 于 弍舒亰亠亠 亳 history.go(-1). 弌 仗仂仄仂 仄亠仂亟舒 forward() 仄仂亢亠亠 仗亠亠亶亳 仆舒 仍亠亟ﾑ URL 于 仗亳从亠 仗仂亠亠仆仆 舒仆亳. 亠亶于亳亠 仂亞仂 仄亠仂亟舒 舒仆舒仍仂亞亳仆仂 亟亠亶于 亠仍从亳 于仗亠亠亟 于 弍舒亰亠亠 亳 history.go(1).
- 15. DOM 仆仂于仆仄 亳仆仄亠仆仂仄 舒弍仂 亳 亟亳仆舒仄亳亠从亳 亳亰仄亠仆亠仆亳亶 仆舒 舒仆亳亠 磦仍磳 DOM (Document Object Model) 仂弍亠从仆舒 仄仂亟亠仍, 亳仗仂仍亰亠仄舒 亟仍 XML/HTML-亟仂从仄亠仆仂于. 弌仂亞仍舒仆仂 DOM-仄仂亟亠仍亳, 亟仂从仄亠仆 磦仍磳 亳亠舒亳亠亶, 亟亠亠于仂仄. 舒亢亟亶 HTML-亠亞 仂弍舒亰亠 亰亠仍 亟亠亠于舒 亳仗仂仄 束仍亠仄亠仆損. 仍仂亢亠仆仆亠 于 仆亠亞仂 亠亞亳 舒仆仂于 亟仂亠仆亳仄亳 亰仍舒仄亳. 仍 仗亠亟舒于仍亠仆亳 亠从舒 仂亰亟舒ﾑ 亰仍 亳仗仂仄 束亠从損. DOM 仂 仗亠亟舒于仍亠仆亳亠 亟仂从仄亠仆舒 于 于亳亟亠 亟亠亠于舒 仂弍亠从仂于, 亟仂仗仆仂亠 亟仍 亳亰仄亠仆亠仆亳 亠亠亰 JavaScript.
- 16. 丐弌 亳 亠仆亳亳 仆亠于亠仆仂亞仂 HTML 弍舒亰亠 舒于仂仄舒亳亠从亳 从仂亠从亳亠 亠亞仂 亟仍 仗仂从舒亰舒 亳 仗亳 仗仂仂亠仆亳亳 DOM. 舒仆仂亳, 于亠亞亟舒 弍亟亠 于亠仆亳亶 亠亞 <html>. 舒亢亠 亠仍亳 于 亠从亠 仆亠 于 DOM 仂仆 弍亟亠, 弍舒亰亠 仂亰亟舒 亠亞仂 舒仄仂仂亠仍仆仂. 丐仂 亢亠 舒仄仂亠 从舒舒亠 亳 亠亞舒 <body>. 舒仗亳仄亠, 亠仍亳 舒亶仍 仂仂亳 亳亰 仂亟仆仂亞仂 仍仂于舒 "亳于亠", 仂 弍舒亰亠 舒于仂仄舒亳亠从亳 仂弍亠仆 亠亞仂 于 <html> 亳 <body>. 亳 亞亠仆亠舒亳亳 DOM 弍舒亰亠 舒仄仂仂亠仍仆仂 仂弍舒弍舒于舒亠 仂亳弍从亳 于 亟仂从仄亠仆亠, 亰舒从于舒亠 亠亞亳 亳 舒从 亟舒仍亠亠. 亠亞仂 舒亰仍亳舒ﾑ 12 亳仗仂于 亰仍仂于, 仆仂 仆舒 仗舒从亳从亠 仄 舒弍仂舒亠仄 亠仄 亳亰 仆亳: 仂从仄亠仆 仂从舒 于仂亟舒 于 DOM. 亅仍亠仄亠仆 仂仆仂于仆亠 仂亳亠仍仆亠 弍仍仂从亳. 丐亠从仂于亠 亰仍 仂亟亠亢舒, 仂弍于亠仆仆仂, 亠从. 仂仄仄亠仆舒亳亳 亳仆仂亞亟舒 于 仆亳 仄仂亢仆仂 于从仍ﾑ亳 亳仆仂仄舒亳, 从仂仂舒
- 17. 丶亊 DOM-亅丐 DOM 仗仂亰于仂仍磳 亟亠仍舒 仂 亞仂亟仆仂 HTML-仍亠仄亠仆仂仄 亳 亠亞仂 仂亟亠亢亳仄仄, 仆仂 亟仍 仂亞仂 仆亢仆仂 仆舒舒仍舒 仆亢仆亶 仍亠仄亠仆 仗仂仍亳. 仂仗 从 DOM 仆舒亳仆舒亠 仂弍亠从舒 document. 亰 仆亠亞仂 仄仂亢仆仂 亟仂弍舒 亟仂 仍ﾐ英 亰仍仂于. 丐舒从 于亞仍磲 仂仆仂于仆亠 仍从亳, 仗仂 从仂仂仄 仄仂亢仆仂 仗亠亠仂亟亳 仄亠亢亟 亰仍舒仄亳 DOM:
- 18. 弌丱丕 DOCUMENTELEMENT BODY 弌舒仄亠 于亠仆亳亠 仍亠仄亠仆 亟亠亠于舒 亟仂仗仆 仆舒仗礆 亳亰 document. <HTML> = document.documentElement 亠于舒 仂从舒 于仂亟舒 document.documentElement. 亅仂 于仂亶于仂 仍舒亠 仆舒 DOM-仂弍亠从 亟仍 亠亞舒 <html>. <BODY> = document.body 仂舒 仂从舒 于仂亟舒 document.body, 从仂仂亶 仂仂于亠于亠 亠亞 <body>. 仂于亠仄亠仆仆 弍舒亰亠舒 (从仂仄亠 IE8-) 舒从亢亠 亠 document.head 仗礆舒 仍从舒 仆舒 <head> DOM 舒从亳于仆仂 亳仗仂仍亰亠 null 仄亳亠 DOM 于 从舒亠于亠 亰仆舒亠仆亳, 仂弍仂亰仆舒舒ﾑ亠亞仂 束仆亠 舒从仂亞仂 仍亠仄亠仆舒損 亳仍亳 束亰亠仍 仆亠 仆舒亶亟亠仆損, 亳仗仂仍亰亠 仆亠 undefined, 舒 null.
- 19. 丐: CHILDNODES, FIRSTCHILD, LASTCHILD 仂亠仆亳亠 仍亠仄亠仆 (亳仍亳 亟亠亳) 仍亠仄亠仆, 从仂仂亠 仍亠亢舒 仆亠仗仂亠亟于亠仆仆仂 于仆亳 亟舒仆仆仂亞仂. 舒仗亳仄亠, 于仆亳 <HTML> 仂弍仆仂 仍亠亢舒 <HEAD> 亳 <BODY>. 仂仂仄从亳 于亠 仍亠仄亠仆, 从仂仂亠 仍亠亢舒 于仆亳 亟舒仆仆仂亞仂, 于仄亠亠 亳 亟亠仄亳, 亟亠仄亳 亳 亟亠亠亶 亳 舒从 亟舒仍亠亠. 丐仂 亠, 于 仗仂亟亟亠亠于仂 DOM. 亠于亟仂-仄舒亳于 childNodes 舒仆亳 于亠 亟仂亠仆亳亠 仍亠仄亠仆, 于从仍ﾑ舒 亠从仂于亠.
- 20. 丐: CHILDNODES, FIRSTCHILD, LASTCHILD 亳仄亠 仆亳亢亠 仗仂仍亠亟仂于舒亠仍仆仂 于于亠亟亠 亟仂亠仆亳亠 仍亠仄亠仆 document.body:
- 21. 丐: CHILDNODES, FIRSTCHILD, LASTCHILD 仂仍仍亠从亳亳 仆亠 仄舒亳于 DOM-从仂仍仍亠从亳亳, 舒从亳亠 从舒从 childNodes 亳 亟亞亳亠, 从仂仂亠 仄 于亳亟亳仄 亟舒仍亠亠, 仆亠 磦仍ﾑ JavaScript-仄舒亳于舒仄亳. 仆亳 仆亠 仄亠仂亟仂于 仄舒亳于仂于, 舒从亳 从舒从 forEach, map, push, pop 亳 亟亞亳. 仄亠仆仆仂 仗仂仂仄 childNodes 亳 仆舒亰于舒ﾑ 束从仂仍仍亠从亳晛 亳仍亳 束仗亠于亟仂仄舒亳于損.
- 22. 弌丐亂 丶 弌弌 1. 亳仄亠仆亳 仄亠仂亟 仄舒亳于舒 亠亠亰 call/apply: 2. 亳 仗仂仄仂亳 Array.prototype.slice 亟亠仍舒 亳亰 从仂仍仍亠从亳亳 仄舒亳于. 弍仆仂 于亰仂于 arr.slice(a, b) 亟亠仍舒亠 仆仂于亶 仄舒亳于 亳 从仂仗亳亠 亟舒 仍亠仄亠仆 arr 亳仆亟亠从舒仄亳 仂 a 亟仂 b-1 于从仍ﾑ亳亠仍仆仂. 仍亳 亢亠 于亰于舒 亠亞仂 弍亠亰 舒亞仄亠仆仂于 arr.slice(), 仂 仂仆 亟亠仍舒亠 仆仂于亶 仄舒亳于 亳 从仂仗亳亠 亟舒 于亠 仍亠仄亠仆 arr.
- 23. 弌弌 丐亂 仂仗 从 仍亠仄亠仆舒仄 仍亠于舒 亳 仗舒于舒 亟舒仆仆仂亞仂 仄仂亢仆仂 仗仂仍亳 仗仂 仍从舒仄 previousSibling / nextSibling. 仂亟亳亠仍 亟仂仗亠仆 亠亠亰 parentNode. 仍亳 亟仂仍亞仂 亳亟亳 仂 仂亟仆仂亞仂 仍亠仄亠仆舒 从 亟亞仂仄, 仂 舒仆仂 亳仍亳 仗仂亰亟仆仂 亟仂亶亟 亟仂 从仂仆 DOM, 仂 亠 亟仂 document.documentElement, 舒 亰舒亠仄 亳 document.
- 24. 丶亊 丐亂 亅丐 舒于亳亞舒亳仂仆仆亠 仍从亳, 仂仗亳舒仆仆亠 于亠, 舒于仆仂 从舒舒ﾑ 于亠 亰仍仂于 于 亟仂从仄亠仆亠. 舒仆仂亳, 于 childNodes 仂亠于ﾑ 亳 亠从仂于亠 亰仍 亳 亰仍- 仍亠仄亠仆 亳 亰仍-从仂仄仄亠仆舒亳亳, 亠仍亳 亠. 仂 亟仍 弍仂仍亳仆于舒 亰舒亟舒 亠从仂于亠 亰仍 仆舒仄 仆亠 亳仆亠亠仆. 仂仂仄 仗仂仄仂亳仄 仆舒 亟仂仗仂仍仆亳亠仍仆亶 仆舒弍仂 仍仂从, 从仂仂亠 亳 仆亠 亳于舒ﾑ:
- 25. 丶亊 丐亂 亅丐 亅亳 仍从亳 仗仂仂亢亳 仆舒 亠, 仂 舒仆亠, 仂仍从仂 于 磲亠 仄亠 仂亳 仍仂于仂 Element: children 仂仍从仂 亟仂亠仆亳亠 亰仍-仍亠仄亠仆, 仂 亠 仂仂于亠于ﾑ亳亠 亠亞舒仄. firstElementChild, lastElementChild 仂仂于亠于亠仆仆仂, 仗亠于亶 亳 仗仂仍亠亟仆亳亶 亟亠亳-仍亠仄亠仆. previousElementSibling, nextElementSibling 仂亠亟亳-仍亠仄亠仆. parentElement 仂亟亳亠仍-仍亠仄亠仆.
- 26. 弌: 亅丐 document.getElementById 亳仍亳 仗仂仂 id 仍亳 仍亠仄亠仆 仆舒亰仆舒亠仆 仗亠亳舒仍仆亶 舒亳弍 id, 仂 仄仂亢仆仂 仗仂仍亳 亠亞仂 仗礆仂 仗仂 仗亠亠仄亠仆仆仂亶 亳仄亠仆亠仄 亳亰 亰仆舒亠仆亳 id. 仂仍亠亠 仗舒于亳仍仆仂亶 亳 仂弍亠仗亳仆仂亶 仗舒从亳从仂亶 磦仍磳 亟仂仗 从 仍亠仄亠仆 于亰仂于仂仄 document.getElementById("亳亟亠仆亳亳从舒仂").
- 27. 弌: 亅丐 getElementsByTagName 亠仂亟 elem.getElementsByTagName(tag) 亳亠 于亠 仍亠仄亠仆 亰舒亟舒仆仆仄 亠亞仂仄 tag 于仆亳 仍亠仄亠仆舒 elem 亳 于仂亰于舒舒亠 亳 于 于亳亟亠 仗亳从舒. 亠亞亳 亠亞舒 仆亠 亳仄亠亠 亰仆舒亠仆亳. 弍舒亳仄 于仆亳仄舒仆亳亠: 于 仂仍亳亳亠 仂 getElementById, 从仂仂亶 亠于亠 仂仍从仂 于 从仂仆亠从亠 document, 仄亠仂亟 getElementsByTagName 仄仂亢亠 亳从舒 于仆亳 仍ﾐ頴笑覚 仍亠仄亠仆舒. 仂亢仆仂 仗仂仍亳 于亠 仗仂仂仄从仂于, 仗亠亠亟舒于 亰于亠亰亟仂从 '*' 于仄亠仂 亠亞舒:
- 28. 弌: 亅丐 getElementsByName 亰仂于 document.getElementsByName(name) 仗仂亰于仂仍磳 仗仂仍亳 于亠 仍亠仄亠仆 亟舒仆仆仄 舒亳弍仂仄 name. getElementsByClassName 亰仂于 elem.getElementsByClassName(className) 于仂亰于舒舒亠 从仂仍仍亠从亳 仍亠仄亠仆仂于 从仍舒仂仄 className. 舒仂亟亳 仍亠仄亠仆 亳 于 仂仄 仍舒亠, 亠仍亳 仆亠亞仂 仆亠从仂仍从仂 从仍舒仂于, 舒 亳从仂仄亶 仂亟亳仆 亳亰 仆亳. 仂亟亟亠亢亳于舒亠 于亠仄亳 仂于亠仄亠仆仆仄亳 弍舒亰亠舒仄亳, 从仂仄亠 IE8-.
- 29. 弌: 亅丐 querySelectorAll 亰仂于 elem.querySelectorAll(css) 于仂亰于舒舒亠 于亠 仍亠仄亠仆 于仆亳 elem, 亟仂于仍亠于仂ﾑ亳亠 CSS-亠仍亠从仂 css. 亅仂 仂亟亳仆 亳亰 舒仄 舒仂 亳仗仂仍亰亠仄 亳 仗仂仍亠亰仆 仄亠仂亟仂于 仗亳 舒弍仂亠 DOM. 仆 亠 于仂 于亠 仂于亠仄亠仆仆 弍舒亰亠舒, 于从仍ﾑ舒 IE8+ (于 亠亢亳仄亠 仂仂于亠于亳 舒仆亟舒). 弌仍亠亟ﾑ亳亶 亰舒仗仂 仗仂仍舒亠 于亠 仍亠仄亠仆 LI, 从仂仂亠 磦仍ﾑ 仗仂仍亠亟仆亳仄亳 仗仂仂仄从舒仄亳 于 UL:
- 30. 弌: 亅丐 querySelector 亰仂于 elem.querySelector(css) 于仂亰于舒舒亠 仆亠 于亠, 舒 仂仍从仂 仗亠于亶 仍亠仄亠仆, 仂仂于亠于ﾑ亳亶 CSS-亠仍亠从仂 css. 仆舒亠 亞仂于仂, 亠亰仍舒 舒从仂亶 亢亠, 从舒从 亳 仗亳 elem.querySelectorAll(css)[0], 仆仂 于 仗仂仍亠亟仆亠仄 于亰仂于亠 仆舒舒仍舒 亳 于亠 仍亠仄亠仆, 舒 仗仂仂仄 弍亠 仗亠于亶, 舒 于 elem.querySelector(css) 亳亠 仂仍从仂 仗亠于亶, 仂 亠 仂仆 亠从亳于仆亠亠. 亅仂 仄亠仂亟 舒仂 亳仗仂仍亰亠, 从仂亞亟舒 仄 亰舒于亠亟仂仄仂 亰仆舒亠仄, 仂 仗仂亟仂亟亳亶 仍亠仄亠仆 仂仍从仂 仂亟亳仆, 亳 仂亳仄 仗仂仍亳 于 仗亠亠仄亠仆仆 舒亰 亠亞仂.
- 31. 弌: 亅丐 matches 亠仂亟 elem.matches(css) 仆亳亠亞仂 仆亠 亳亠, 舒 仗仂于亠磳, 亟仂于仍亠于仂磳 仍亳 elem 亠仍亠从仂 css. 仆 于仂亰于舒舒亠 true 仍亳弍仂 false. 亠 仗仂亟亟亠亢亳于舒亠 于 IE8-. 亅仂 仄亠仂亟 弍于舒亠 仗仂仍亠亰仆仄, 从仂亞亟舒 仄 仗亠亠弍亳舒亠仄 仍亠仄亠仆 (于 仄舒亳于亠 亳仍亳 仗仂 仂弍仆仄 仆舒于亳亞舒亳仂仆仆仄 仍从舒仄) 亳 仗舒亠仄 仂亳仍仂于舒 亠 亳亰 仆亳, 从仂仂亠 仆舒仄 亳仆亠亠仆. 舒仆亠亠 于 仗亠亳亳从舒亳亳 仂仆 仆舒亰于舒仍 matchesSelector, 亳 弍仂仍亳仆于仂 弍舒亰亠仂于 仗仂亟亟亠亢亳于舒ﾑ 亠亞仂 仗仂亟 亳仄 舒仄 亳仄亠仆亠仄, 仍亳弍仂 仗亠亳从舒仄亳 ms/moz/webkit.
- 32. 弌弌丐 丕: 丐, 丐 弌 仍舒, 亳亠舒亳 DOM 弌舒仄仂亠 亞仍舒于仆仂亠 舒亰仍亳亳亠 仄亠亢亟 DOM-亰仍舒仄亳 舒亰仆亠 亰仍 磦仍ﾑ 仂弍亠从舒仄亳 舒亰仍亳仆 从仍舒仂于. 仂仂仄, 从 仗亳仄亠, 亰仍舒, 仂仂于亠于ﾑ亠亞仂 亠亞 <td> 仂亟仆亳 于仂亶于舒, <form> 亟亞亳亠, <a> 亠亳.
- 33. 丐: NODETYPE 舒从 仗舒于亳仍仂, 仄 舒弍仂舒亠仄 于亠亞仂 亟于仄 亳仗舒仄亳 亰仍仂于: 亅仍亠仄亠仆. 丐亠从仂于亶 亰亠仍. 舒 舒仄仂仄 亟亠仍亠 亳仗仂于 亰仍仂于 亞仂舒亰亟仂 弍仂仍亠. 弌仂亞仂 亞仂于仂, 亳 12, 亳 仂仆亳 仂仗亳舒仆 于 仗亠亳亳从舒亳亳 亟亠于仆亠亶亳 于亠仄仆, 仄. DOM 丕仂于亠仆 1: 丐亳仗 亰仍舒 仄仂亢仆仂 仂仍从仂 亳舒, 亳亰仄亠仆亳 亠亞仂 仆亠于仂亰仄仂亢仆仂.
- 34. 丐: NODENAME TAGNAME 舒亰于舒仆亳亠 HTML-亠亞舒 于亠亞亟舒 仆舒仂亟亳 于 于亠仆亠仄 亠亞亳亠. 舒仗亳仄亠, 亟仍 document.body: 舒从舒 舒亰仆亳舒 仄亠亢亟 tagName 亳 nodeName ? 弌于仂亶于仂 tagName 亠 仂仍从仂 仍亠仄亠仆仂于 Element (于 IE8- 舒从亢亠 从仂仄仄亠仆舒亳亠于, 仆仂 仂 仂亳弍从舒 于 弍舒亰亠亠). 弌于仂亶于仂 nodeName 仂仗亠亟亠仍亠仆仂 亟仍 仍ﾐ英 亰仍仂于 Node, 亟仍 仍亠仄亠仆仂于 仂仆仂 舒于仆仂 tagName, 舒 亟仍 仆亠-仍亠仄亠仆仂于 仂弍仆仂 仂亟亠亢亳 仂从 亳仗仂仄 亰仍舒.
- 35. INNERHTML: 弌 亅丐 仂亰于仂仍磳 仗仂仍亳 HTML-仂亟亠亢亳仄仂亠 仍亠仄亠仆舒 于 于亳亟亠 仂从亳. innerHTML 仄仂亢仆仂 亳 亳舒 亳 仗亳舒
- 36. OUTERHTML: HTML 亅丐 丶 弌于仂亶于仂 outerHTML 仂亟亠亢亳 HTML 仍亠仄亠仆舒 亠仍亳从仂仄. 亰仄亠仆亳 outerHTML 仍亠仄亠仆舒 仆亠于仂亰仄仂亢仆仂.
- 37. NODEVALUE/DATA: 弌 丐弌丐 丕 弌于仂亶于仂 innerHTML 亠 仂仍从仂 亰仍仂于-仍亠仄亠仆仂于. 弌仂亟亠亢亳仄仂亠 亟亞亳 亰仍仂于, 仆舒仗亳仄亠, 亠从仂于 亳仍亳 从仂仄仄亠仆舒亳亠于, 亟仂仗仆仂 仆舒 亠仆亳亠 亳 亰舒仗亳 亠亠亰 于仂亶于仂 data.
- 38. 丐弌丐: TEXTCONTENT 弌于仂亶于仂 textContent 仂亟亠亢亳 仂仍从仂 亠从 于仆亳 仍亠仄亠仆舒, 亰舒 于亠仂仄 于亠 <亠亞仂于>. 仆仂 仗仂亟亟亠亢亳于舒亠 于亠亰亟亠, 从仂仄亠 IE8-. 于仂亰于舒舒亠 于 仂仆仂亳 于亠 亠从, 于从仍ﾑ舒 仗亠亠于仂亟 仂从 亳 仗仂弍亠仍, 仆仂 弍亠亰 亠亞仂于.仂舒亰亟仂 仗仂仍亠亰仆亠亠 于仂亰仄仂亢仆仂 亰舒仗亳舒 亠从 于 仍亠仄亠仆, 仗亳仄 亳仄亠仆仆仂 从舒从 亠从!
- 39. 丕 丕 亰仄亠仆亠仆亳亠 DOM 从仍ﾑ 从 仂亰亟舒仆亳 束亢亳于損 舒仆亳. 弌仂亰亟舒仆亳亠 仍亠仄亠仆舒 document.createElement(tag) document.createTextNode(text) 弌仂亰亟舒仆亳亠 仂仂弍亠仆亳 仂仍亠 仂亞仂 从仂亟舒 仆舒 亠 亞仂仂于亶 DOM-仍亠仄亠仆. 仂从舒 仂 仂仆 仗亳于仂亠仆 于 仗亠亠仄亠仆仆 div, 仆仂 仆亠 于亳亟亠仆, 舒从 从舒从 仆亳从舒从 仆亠 于磶舒仆 仂 舒仆亳亠亶.
- 40. 亅丐: APPENDCHILD, INSERTBEFORE parentElem.appendChild(elem) 仂弍舒于仍磳 elem 于 从仂仆亠 亟仂亠仆亳 仍亠仄亠仆仂于 parentElem. parentElem.insertBefore(elem, nextSibling) 舒于仍磳 elem 于 从仂仍仍亠从亳 亟亠亠亶 parentElem, 仗亠亠亟 仍亠仄亠仆仂仄 nextSibling.
- 41. 丕: CLONENODE 亰仂于 elem.cloneNode(true) 仂亰亟舒 束亞仍弍仂从ﾂ 从仂仗亳 仍亠仄亠仆舒 于仄亠亠 舒亳弍舒仄亳, 于从仍ﾑ舒 仗仂亟仍亠仄亠仆. 仍亳 亢亠 于亰于舒 舒亞仄亠仆仂仄 false, 仂 从仂仗亳 弍亟亠 亟亠仍舒仆舒 弍亠亰 亟仂亠仆亳 仍亠仄亠仆仂于. 亅仂 仆亢仆仂 亞仂舒亰亟仂 亠亢亠.
- 42. 丕 丕: REMOVECHILD parentElem.removeChild(elem) 丕亟舒仍磳 elem 亳亰 仗亳从舒 亟亠亠亶 parentElem. parentElem.replaceChild(newElem, elem) 弌亠亟亳 亟亠亠亶 parentElem 亟舒仍磳 elem 亳 于舒于仍磳 仆舒 亠亞仂 仄亠仂 newElem.