Welcome to Yumao′s Blog.
Hello JavaScript Day02
, 2012年04月16日 , Java Language , 评论 在〈Hello JavaScript Day02〉中留言功能已關閉 ,

10/DOM–document object modal—動態的安排頁面元素
將整個文檔作為一個節點樹
找到目標元素節點:
單個節點:getElementById
某類節點:getElementsByTagName—標記名稱

其他方法:obj.parentNode/nextSibling

操作某個節點:將html標記對象化
修改文本
使用屬性寫文本:.value,比如

標記之間寫文本: .innerHTML
比如 span/div/label/li/h1/p
修改樣式:集合屬性子屬性作為style屬性的屬性存在
o.style.color—修改單個樣式
o.className = “”;—修改所有樣式

添加新元素節點
createElement
appendChild(new):追加,作為最後一個
insertBefore(new,refNode)
替換舊的子節點
目標節點的父節點.replaceChild(new,old)
刪除
目標節點的父節點.removeChild(target);

聯動菜單/選擇
獲取下拉框的數據
obj.selectedIndex
obj.options
obj.options[2]

正則表達式 [a-z]{3}
結合string對象的三個方法使用:操作字符串
正則表達式對象:驗證
var reg = /d{3}/;—-正則表達式對象
reg.test(string)—-bool

onclick
onmouseover
onmouseout
onblur
onchange 選擇的值發生改變
某個事件里return false,取消事件

Code Package
课堂内容

关键字:, , ,

评论已关闭