?????? ?? ????: DOM ??
DOM?? ??????
Document Object Model DOM ?? ??: Document Object Model? HTML ??? ????? ???? ?? ?? ??? ?????. DOM? HTML ??? ??, ?? ? ???? ??? ?? ??(?? ??)? ?????.
? ??? ?? ?????? ??? ??? ??? ???? ????.
?: HTML ??? ??? ? ?? ???? ? ?? ??? ??? ????? ??? ??? ? ?? ??? ??? ??????
DOM? ??? ??? ???? ??? ?? ??? ?????. ?? ?? getElementById? ???? ??? ????? insertBefore? ???? ??? ?????.
????? HTML? ???? ?? DOM ??? ?????.
??? ??? DOM? ??? HTML ??? ????? ?? ???? ?? ?? ???? ??? ? ????.
HTML? ?? ?? ?? Document(invisible)? ?? ???? ?? ??? ?? ?????(??? ??? ?? ??? HTMLDocument ?????. Document ??? ???? ??? ?????. ????).
?, ?? ?? Document? ?? ??? ?? ??? ????. ?? ?? document.getElementsByTagName("html")? ?? ?? ?? ??? ?? html? ??? ? ????.
? HTML ??? ?? ??? ??? ? ????. ?? ??
HTML ??? ?? ??? ????, ??? ?? ??? ????, ?? ??? ?? ?? ??? ?????. ?.
? 12?? ?? ??? ???? ???, ??? ??? ?? Node ??? ??????.
??? ??? ???? ?? ??? ????? ?? ?? ??? ?? ???? ?????.
?? ??:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>DOM</title> </head> <body> <h2><a href="ipnx.cn">Javascript DOM</a></h2> <p>對html元素進(jìn)行操作,可添加,改變或移除css樣式等</p> <ul> <li>Javascript</li> <li>DOM</li> <li>css</li> </ul> </body> </html>
HTML ??? DOM ?? ?? ??????? ??:
HTML ??? ??? ????? ? ? ????. DOM ???
1. ?? ??: <html>, <p>, ? ??? ?? ?? ?? ??, ? ?????.
2. ??? ??: JavaScript, DOM, CSS ? <li>...</li>? ?? ???? ?? ????? ???? ??????.
3. ?? ??: <a> ??? ?? ?? href="http://ipnx.cn"? ?? ?? ?????.
?? ?? ? ??? a ??
a ?? ------- ?? ??
href= "ipnx.cn"---------?? ??
javascript DOM ----------- ??? ??