2012年4月25日 星期三

複雜的DOM檔案樹














DOM (document object model)物件檔案模型
是一種介面的定義,當一個.html檔被以瀏覽器開啟的時候,瀏覽器就會去解析該檔案的DOM

.由於瀏覽器可以處理html跟XML的DOM,所以也有人稱DOM檔案樹為html檔案樹或者XML檔案樹。
如果要用瀏覽器來檢視該html的檔案樹,可以使用firefox,工具-->DOM檢視器

每個DOM必須要有一個document的根節。
每個元素在DOM裡面就是一個節點。

另外 DOM也有分版本的

從level 1 --> level2 --> level3 
越後面的版本所支援的當然就比較多
但每個瀏覽器所支援的東西各不相同,所以網頁設計師跟程式設計師才要一直符合各個瀏覽器的執行結果去做調整。目前大部分的瀏覽器可以支援到level2。

先談談level1有甚麼好了,level1只有core DOM 跟DOM html (完全看不出來差在哪裡xdd)
看書本上的寫法,core DOM (核心DOM)好像非常重要,既然叫core,表示他是核心啊~!
也是W3C制定的規範。

我個人覺得對於DOM與Node的存取沒這麼簡單,看起來好複雜...

屬性名稱都很像
光是跟node有關的就一堆
還要一直反反覆覆的key一些getelement....
參考 :  http://school.stackdoc.com/xmldom/dom_htmldocument.html


沒有留言:

張貼留言

若你看的文章,時間太久遠的問題就別問了,因為我應該也忘了... XD

Vue multiselect set autofocus and tinymce set autofocus

要在畫面一進來 focus multiselect 的方式: 參考: https://jsfiddle.net/shentao/mnphdt2g/ 主要就是在 multiselect 的 tag 加上 ref (例如: my_multiselect), 另外在 mounted...