標籤：
什麼是DOM？
要改變頁面的某個東西，JavaScript 就需要獲得對 HTML 文檔中所有元素進行訪問的入口。這個入口，連同對 HTML 元素進行添加、移動、改變或移除的方法和屬性，都是通過文件物件模型來獲得的（DOM）。
在 1998 年，W3C 發布了第一版的 DOM 規範。這個規範允許訪問和操作 HTML 頁面中的每一個單獨的元素。
所有的瀏覽器都執行了這個標準，因此，DOM 的相容性問題也幾乎難覓蹤影了。 DOM 可被 JavaScript 用來讀取、改變 HTML、XHTML 以及 XML 文檔
HTML-DOM
HTML-DOM 在使用JavaScript和DOM為HTML檔案編寫指令碼，有許多專屬於HTML-DOM的屬性. HTML-DOM的出現甚至比DOM Core還要早，它提供一些更簡明的符號來描述各種HTML元素的屬性。
例如： 使用HTML-DOM來擷取表單對象 的方法： document.forms
CSS-DOM
CSS-DOM是針對CSS的操作。在JavaScript中，CSS-DOM技術的主要作用是擷取和設定style對象的各種屬性。通過改變style對象的各種屬性，可以使網頁呈現出各種不同的效果
設定某個元素style對象字型顏色的方法： elements.style.color = “red”;
尋找節點
元素可以通過text()方法讀取其中的html內容，相當於DOM的innerHTML 屬性
插入節點
例如：
<script src="jquery.js"></script>
<script>
$(function () {
var xj = " <li title=‘香蕉‘>香蕉</li>";
var xg = " <li title=‘西瓜‘>西瓜</li>";
var ll = " <li title=‘榴蓮‘>榴蓮</li>";
var bl = " <li title=‘菠蘿‘>菠蘿</li>";
var kb = " <li title=‘科比‘>科比</li>";
$("ul").append(xj); //添加在最後
$(xg).appendTo("ul");
$("ul").prepend(ll); //添加再前面
$(bl).prependTo("ul");
$("ul li[abc]").after(kb);
});
</script>
</head>
<body>
<ul>
<li title=‘蘋果‘>蘋果</li>
<li title=‘橘子‘ abc=‘bc‘>橘子</li>
<li title=‘菠蘿‘>菠蘿</li>
</ul>
</body>
</html>
JQuery中的DOM操作
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
