javaScript DOM使用

通過 html dom，可通路 javascript html 文檔的所有元素

1 修改html元素内容

2 修改css的值

document.getelementbyid(id).style.property=new style

利用這個可以改變文字的大小，顔色，字型等，示例如下：

3 對事件作出反應

html dom 使 javascript 有能力對 html 事件做出反應。

<1> 使用dom語句

<h1 onclick="this.innerhtml=‘謝謝!‘">請點選該文本</h1>

<2> 在元素标簽中配置設定事件，使用函數

<3> 在javascript腳本中添加匿名事件

這個格式跟前面的不一樣，以function開頭

<4> javascript中添加事件

這個需要注意的是，函數後面不能添加括号（）。

document.getelementbyid("mybtn").onclick=displaydate;

<5> 常見的事件

onload //進入頁面

onunload //離開頁面

onchange //使用者改變輸入字段的内容時

onmouseover //滑鼠移動進去

onmouseout //滑鼠離開

onmousedown //滑鼠按鍵按下

onmouseup //滑鼠按鍵彈起

onclick //單擊

4 javascript建立或者删除節點

<1> 建立新節點

如需向 html dom 添加新元素，您必須首先建立該元素（元素節點），然後向一個已存在的元素追加該元素

<2> 删除節點

如需删除 html 元素，您必須首先獲得該元素的父元素：