javascript學習之路之元素獲取和設定屬性

收拾心情，學習學習js！總結下自己的學習所得！

現有的有三種方法可以獲取元素的節點，分別是通過元素ID，通過標籤名和類名來獲取的

1.GetElmentById：將返回一個與那個有給定ID屬性的值的元素節點對應的物件，方法只有一個引數，元素的id屬性的值必須放在單引號或雙引號裡

documrnt.GetElmentById(id)

2.GetElmentsByTagName:方法返回一個物件陣列，每個物件分別對應這文件裡有給定標籤的一個元素,它的引數就是標籤的名字

dovument.GetElmentsByTagName(tag)

3.GetElmentsByClassName:返回一個具有相同類名的元素的陣列，只接受一個引數，就是類名

document.GetElmentsByClassName(class)

獲取和設定屬性

1.getAttribute:是一個函式，他只有一個引數—打算查詢的屬性的名字，他只能通過元素節點物件呼叫，只能用於元素節點。例如他可以與GetElmentsByTagName方法合用,獲取每一個<p>元素的title屬性

var paras=document.GetElmentsByTagName("p");
for(var i=0;i<paras.length;i++)
{
     alert(paras[i].getAttribute("title"));  
}

2.setAttribute:執行對屬性節點的值做出修改，只能用於元素節點。

object.setAttribute(attribute,value);

這裡值得注意的地方：通過setAttribute對文件做出修改後，再通過瀏覽器的view source(檢視原始碼)選項去檢視文件原始碼時看到的仍是改變之前的屬性值，也就是說setAttribute做出的修改不會反映在文件的原始碼裡，這這種現象來源dom的工作模式，先載入文件的靜態內容，在動態重新整理，動態重新整理不影響文件的靜態內容，也就是說，對頁面內容進行重新整理卻不需要在瀏覽器裡重新整理頁面