w3c為我們提供了比較方便的定位節點的方法和屬性，以便我們快速的對節點進行操作。分別為：
方法說明
getelementbyid()
獲取去特定id元素的節點
getelementbytagname()
獲取相同元素的節點列表
getelementbyname()
獲取相同名稱的節點列表
geattribute()
獲取特定元素節點屬性的值
setattribute()
設定特定元素節點屬性的值
removeattribute()
移除特定元素節點屬性
元素節點裡的內容
document.getelementbyid('box').tagname; // 獲取元素節點的標籤名
document.getelementbyid('box').innerhtml; // 獲取元素節點裡的內容，非 w3c dom 規範
/*注意，當使用innerhtml=""*/改變元素節點內容插入標籤時，innerhtml屬性會解析標籤，網頁上會顯示h1級別的123
/*也可以使用innertext=""*/在內容中寫入標籤，但是innertext不會解釋標籤，他會在網頁中原樣顯示
document.getelementbyid('box').id; //獲取 id
document.getelementbyid('box').style; //獲css styledeclaration 物件
document.getelementbyid('box').style.color; //獲取 style 物件中 color 的值
document.getelementbyid('box').classname; // 獲 取 class
document.getelementbyid('box).style.color="red"; // 以上所有值都可以修改
document.getelementsbytagname("*"); // 獲取所有元素；
document.getelementsbytagname("li"); //獲取所有的 li 標籤
document.getelementsbytagname("li")[0]; // 獲取第乙個li標籤
document.getelementbyname("add"); 獲取name屬性值為add的元素document.getelementbyid('box').getattribute('id');//獲取元素的 id 值
document.getelementbyid('box').id; //獲取元素的 id 值
document.getelementbyid('box').getattribute('mydiv');//獲取元素的自定義屬性值document.getelementbyid('box').mydiv
document.getelementbyid("box").removeattribute("value");.button
.odiv1
// 首先讓#event隱藏，當滑鼠移入button按鈕時，onmouseover屬性值內的"event2.style.display="block"可以讓#event顯示出來
// onmouseout滑鼠移出按鈕時又會讓#event2-"event2.style.display="block"隱藏
登陸滑鼠移入後顯示的效果
.odiv1
JavaScript重複元素處理
判斷乙個字串中出現次數最多的字元，統計這個次數 將字串的字元儲存在乙個hash table中，key是字元，value是這個字元出現的次數 var str abcdefgaddda var obj for var i 0,l str.length i l i else 遍歷這個hash table，...
javascript陣列 新增元素
在陣列最後加乙個元素 var names1 1,2,3 names1.push 66 console.log names1 後台執行結果 1,2,3,66 在陣列最後加多個元素 names1.push 1,23,4 console.log names1 後台執行結果 1,2,3,66,1,23,4 ...
原生javascript獲取元素樣式
摘要 我們在開發過程中經常會遇到通過js獲取或者改變dom元素的樣式，方法有很多，比如 通過更改dom元素的class。現在我們討論原生js來獲取dom元素的css樣式，注意是獲取不是設定 在開始之前先說下獲取最終應用在元素上的所有css屬性物件的意思是，如果沒有給元素設定任何樣式，也會把瀏覽器預設...