為了動態修改xhtml元素,必須能訪問xhtml元素,dom提供了2種方式來訪問xhtml元素:
-- 根據id訪問
-- 利用節點關係訪問
(1)根據id訪問xhtml元素
document.getelementbyid(idval) : 返回文件中id屬性值為idval的xhtml元素
例如:
中國
(2)利用節點關係訪問xhtml元素
一旦獲取了某個xhtml元素,由於該元素實際上與dom樹的某個節點對應,因此可以利用節點間的父子、兄弟關係來訪問xhtml元素。
利用節點關係訪問xhtml元素的屬性和方法如下:
node parentnode:返回當前節點的父節點。唯讀屬性
node previoussibling: 返回當前節點的前乙個兄弟節點,唯讀屬性
node nextsibling: 返回後乙個兄弟節點
node childnodes: 返回當前節點的所有子節點,唯讀屬性
node getelementsbytagname(tagname): 返回當前節點的具有指定標籤名的所有子節點。
node firstchild: 返回當前節點的第乙個子節點
node lastchild:最後乙個子節點
(3)訪問表單域控制項
表單在dom 中由htmlformelement物件表示,常用屬性:
action: 指定表單的提交位址
elements:返回表單內全部表單域控制項所組成的陣列
length: 返回表單域的個數
method: 返回表單的method屬性
target: 使用者提交表單時的結果視窗
reset();重設表單
submit():提交表單
訪問htmlformelement的更有效率的方法
formobj.elementname : 返回表單中id或elementname的表單域控制項
(4)訪問列表框、下拉列表的選項
htmlselectelement代表乙個列表或下拉列表,htmlselectelement物件除了可使用普通xhtml元素的各種屬性和方法外,還支援如下額外屬性。
form: 返回所在表單物件
length:返回列表框、下拉列表的選項個數
options:返回所有選項組成的陣列
selectedindex:返回選中選項的索引
type:返回下拉列表的型別,即是否為多選。select-multiple or select-one
列表框、下拉列表的選項由 htmloptionelement物件表示 常用屬性如下:
form:
defaultselected : 返回該選型是否預設被選中
index:索引
selected : 是否被選中
text: 返回該選項呈現出來的文字 即之間的文字
value:返回每個選項的value值
xhtml 塊狀元素 內聯元素
塊狀元素 內聯元素 address 位址 blockquote 塊引用 center 舉中對齊塊 dir 目錄列表 div 常用塊級容易,也是css layout的主要標籤 dl 定義列表 fieldset form控制組 form 互動表單 h1 大標題 h2 副標題 h3 3級標題 h4 4級標...
經常被忽略的 X HTML元素和 X HTML總結
1 經常被忽略的 x html元素 元素名稱 元素含義 address 標記一段位址 dl表明乙個定義列表 通常用於表示術語 定義對,也可以用來表示其他的名 值對 dt表明定義列表中的術語部分 dd表明定義術語列表中的術語定義部分 code 將文字標記為 blockquote 表示一段引用 通常表示...
XHTML常用元素學習筆記
div span h1 h2 h3 h4 h5 pul ol li dl dt dd dt 和dd中可以再加入 ol ul li和p,理解這些以後,在使用div布局的時候,會方便很多,其實w3c提供了很多元素輔助布局都是有它的用處的,而不盡是div。塊級元素div盡量少用,其實和table一樣,巢狀...