document對象
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>javascript
<body>
<div></div>
<div id="text" style="width:200px; heigth:200px;">
<span>hello</span>
</div>
<div class="text"></div>
<span class="text"></span>
<input type="text" name="uid" id="uid" value="hello"/>
</body>
<script type="text/javascript">
//1.找元素
/*var a=document.getElementById("text");//根據ID找，只能找到一個
alert(a);*/
/*var a=document.getElementsByClassName("text");//根據class名找，能夠找到多個，返回數組
alert(a[1]);*/
/*var a=document.getElementsByTagName("div");//根據標籤名找，能夠找到多個，返回數組
alert(a);*/
/*var a=document.getElementsByName("uid");//根據name找，能夠找到多個，返回數組
alert(a[0]);*/
//複雜查找
//var a=document.getElementById("text");
//alert(a.childNodes[4]); //找該元素下的子元素
//alert(a.parentNode); //找到該元素的父級元素
//alert(a.previousSibling); //找到同級上面的元素
//alert(a.nextSibling); //找到同級下面的元素
//2.控制元素
//var a=document.getElementById("text")
//a.remove(); //移除元素 源代碼還在
//var s=document.createElement("span"); //建立元素
//a.appendChild(s); //追加子元素
//3.操做元素的內容
//普通元素
//var a=document.getElementById("text");
//alert(a.innerText); //取元素的文本內容
//a.innerText="world";給元素賦文本值
//alert(a.innerHTML); //取元素的HTML代碼內容
//a.innerHTML="<b>加粗</b>"; //給元素扔一個HTML代碼
//表單元素
//var a=document.getElementById("uid");
//a.value="用戶名"; //給元素賦值
//alert(a.value); //取值
//4.操做元素屬性
//var a=document.getElementById("text");
//a.setAttribute("bs","100"); //添加屬性
//alert(a.getAttribute("bs")); //獲取屬性值
//a.removeAttribute("bs"); //移除屬性
//5.操做元素樣式
//var a=document.getElementById("text");
//a.style.backgroundColor="red"; //設置樣式
//alert(a.style.width); //獲取樣式，只能是內聯的
a.style.width=""; //移除樣式html
</script>
</html>java
- 1. JavaScript_Window對象和Document對象
- 2. DOM對象之document對象
- 3. document對象
- 4. document 對象
- 5. javascript.dom-document對象
- 6. Document對象
- 7. Document 對象
- 8. JavaScript Document 對象
- 9. jsDOM對象 document
- 10. Window及document對象
- 更多相關文章...
- • XML DOM - Document 對象 - XML DOM 教程
- • XSLT document() 函數 - XSLT 教程
- • RxJava操作符（一）Creating Observables
- • RxJava操作符（九）Connectable Observable Operators
-
每一个你不满意的现在，都有一个你没有努力的曾经。