JavaScript的總結博客

JavaScript的總結博客

一、查找HTML元素

　　通常，通過 JavaScript，您需要操作 HTML 元素。

　　1、通過 id 找到 HTML 元素

　　2、通過標簽名找到 HTML 元素

　　3、通過類名找到 HTML 元素

提示：通過類名查找 HTML 元素在 IE 5,6,7,8 中無效。

var x=document.getElementById("intro");
var y=document.getElementsByTagName("p");

①、改變 HTML 元素的內容 (innerHTML)

document.getElementById(id).innerHTML=new HTML

②、改變 HTML 屬性

document.getElementById(id).attribute=new value
document.getElementById("image").src="landscape.jpg";

③、改變 HTML 樣式

document.getElementById(id).style.property=new style
<script>
document.getElementById("p2").style.color="blue";
</script>

④、添加或刪除 HTML 元素

二、DOM 事件

1、Js中的事件

行為,結構,樣式分離的頁面

一般事件 onclick 鼠標點擊時觸發此事件

ondblclick 鼠標雙擊時觸發此事件
onmousedown 按下鼠標時觸發此事件
onmouseup 鼠標按下後松開鼠標時觸發此事件
onmouseover 當鼠標移動到某對象范圍的上方時觸發此事件
onmousemove 鼠標移動時觸發此事件
onmouseout 當鼠標離開某對象范圍時觸發此事件
onkeypress 當鍵盤上的某個鍵被按下並且釋放時觸發此事件.
onkeydown 當鍵盤上某個按鍵被按下時觸發此事件
onkeyup 當鍵盤上某個按鍵被按放開時觸發此事件

①、綁定事件的3種方式