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的工作模式，先載入文檔的靜態內容，在動態刷新，動態刷新不影響文檔的靜態內容，也就是說，對頁面內容進行刷新卻不需要在瀏覽器里刷新頁面