複製代碼代碼如下:
function square(num){
var total = num*num;//局部變量
return total;
}
var total = 50;//全局變量
var number = square(20);
alert(total);//結果為50
function square(num){
total = num*num;//全局變量
return total;
}
var total = 50;//全局變量
var number = square(20);
alert(total);//結果為400
這細微的差別就會影響到程序的結果
複製代碼代碼如下:
body{
color:white;
background-color:black;
}
這些顏色不僅作用於那些直接包含在<body>標籤裡的內容,還將作用於嵌套在body元素內的所有元素
id屬性就像一個掛鉤,它一頭連著文檔裡的某個元素,另一頭連著CSS樣式表裡的某個樣式
document.getElementById("purchases")這個調用將返回一個對象,這個對像對應著document對象裡的一個獨一無二的元素,那個元素
的的id屬性值為purchases
其實,文檔中的每個元素都是一個對象。利用DOM提供的方法能夠得到任何一個對象。
getElementsByTagName返回一個數組,即使整個文檔裡只有一個元素,也返回一個數組。
示例:
複製代碼代碼如下:
var items = document.getElementsByTagName("li");
for(var i = 0;i<items.length;i++){
alert(typeof items[i]);
}
顯示信息都是object
getElementByClassName
也返回一個具有相同類名的元素數組
獲取和設置屬性
getAttribute
object.getAttribute(attribute)
注:getAttribute方法不屬於document對象,它只能通過元素節點對象調用。
setAttribute
object.setAttribute(attribute,value)
例子:
var shopping = document.getElementById("purchases");
shopping.setAttribute("title","a list of goods");