標籤：des style color 使用 os width
===DOM====
Document Object Model 文件物件模型
一組API.
作用:
1.修改標籤屬性
2.增加刪除html文本中的標籤
操作:
1.尋找
方式1:使用id或者標籤名,尋找節點
document.getElementById("id值");
document.getElementsByTagName("標籤名");
方式2:遍曆
parentNode:父節點
previousSibling:前一個兄弟節點
nextSibling:後一個兄弟節點
childNodes:孩子節點,返回數組
firstChild:第一個孩子節點
lastChild:最後一個孩子節點
--樣式的操作:
a.通過設定className屬性
obj.className="";
b.通過修改style屬性
obj.style.width=""
css屬性名稱如果有"-",則去掉"-",之後的一個字母大寫
如: obj.style.backgroundColor="";
2.建立
var newNode = document.createElement(tagName);
var txt = document.createTextNode("常值內容");
3.添加
appendChild(newNode):添加新節點到末尾
insertBefore(newNode,refNode):添加newNode到refNode節點之前
replaceChild(newNode,refNode):將refNode節點替換成newNode
4.刪除
removeChild(node):刪除節點node
--動態表格---
--table對象---
屬性:
rows屬性:返回表格中的所有行的一個數組
該數組包括<thead>,<tfoot>,<tbody>中定義的所有行
tBodies屬性:放回表格中所有tbody的一個數組
tFoot屬性:返回表格中tFoot對象
tHead屬性:返回表格中tHead對象
方法:
insertRow(index):(index從0開始)在表格中的指定位置插入一個新行,返回一個TableRow對象(表示新插入的行,即tr)
deleteRow(index):從表格中刪除指定位置的行.
--TableRow對象--
屬性:
cells:返回行中的所有單元格的一個數組
rowIndex:返回該行在表中的位置
方法:
insertCell(index):(index從0開始)在指定位置插入一個新的單元格,返回一個TableCell對象(表示新插入的單元格,即td)
deleteCell(index):刪除指定位置的單元格.
---select對象---
<select>
<option value="">xxx</option>
</select>
屬性:
selectedIndex:使用者選中的下標的序號
options:是一個數組,表示所有的選項,每一個元素都是一個option對象
length:表示選項的個數
s.options.length == s.length :true
--option對象
value:option的value屬性的值
text:option標記之間的文本
selected:true|false 表示該選項是否被選中
建立新的option對象:
var op = new Option(text,value)
--form對象
屬性:
action:form標籤中的action屬性
method:get|post form標籤中的method屬性
elements:返回form表單中所有的節點,是一個數組
方法:
submit():提交,會繞過表單驗證(onsubmit)
reset():重設表單
