五、了解DOM
core DOM
xml DOM
html DOM
?
DOM是一個文檔樹，根節點是HTML元素。
documentElement的屬性就表示HTML對象；
firstChild，lastChild 一般就是head和body。
獲取元素有方法：
1、getElementById 只能通過document對象調用。
2、getElementsByName 一般只有獲取表單時候才用。獲取一組元素。
3、getElementsByTagName 通過元素名稱獲取一組元素。
?
下面是通過DOM操作HTML元素，動態創建一個div。
?
<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html?xmlns="http://www.w3.org/1999/xhtml"?>
<head>
????<title>Untitled?Page</title>
????<script?type="text/javascript">
????????function?onLoad()?{
????????????var?oHtml?=?document.documentElement;
????????????var?oBody?=?oHtml.lastChild;
????????????var?oDiv?=?document.createElement("div");
????????????var?oText?=?document.createTextNode("Hello?DOM");
????????????oDiv.appendChild(oText);
????????????oBody.appendChild(oDiv);
????????}
????</script>
</head>
<body?οnlοad="onLoad()">
</body>
</html>
如果要設置元素的CSS樣式類型，要使用的是DOM屬性className 而不是 HTML的class。
轉載于:https://www.cnblogs.com/tomkillua/archive/2012/07/29/2613840.html
總結
- 上一篇： jQuery 仿淘宝 鼠标悬停显示大图效
- 下一篇： 3D Button Suite