JS屬性修改

document.getElementById('p1').style.visibility='visible'

document.getElementById('p1').style.visibility='hidden'

document.getElementById("p1").style.color="blue"

document.getElementById("p1").style.fontFamily="Arial"

document.getElementById("p1").style.fontSize="larger"

onload 事件:加載時頁面觸發

onunload 事件：離開頁面觸發

onclick 事件：點擊元素觸發

onchange 事件：改變輸入觸發

onmouseover 事件：光標覆蓋觸發

onmouseout 事件：光標移除觸發

onmousedown 事件：點擊鼠標觸發

onmouseup 事件：松開鼠標觸發

onfocus 事件：聚焦光標時觸發

 

創建元素createElement()、添加子元素x.appendChild()

var para = document.createElement("p");

var node = document.createTextNode("這是一個新的段落。");

para.appendChild(node);

 

在child元素前插入para元素，element.insertBefore(para,child)

var para = document.createElement("p");

var node = document.createTextNode("這是一個新的段落。");

para.appendChild(node);

var element = document.getElementById("div1");

var child = document.getElementById("p1");

element.insertBefore(para, child);

 

 

移除頁面子節點元素：x.removeChild(child)

移除元素x父節點下的其他元素y：x.parentNode.removeChild(y)

 

以節點para替換parent的子節點元素child

parent.replaceChild(para, child);

 

 

HTMLCollection 元素可以通過 name，id 或索引來獲取。

NodeList 只能通過索引來獲取。

 

串聯數組：str1.concat(str2,str3)

分割數組：array1.join(',')

分割字符串：Str1.split(',')

刪除數組第一個元素：str1.shift()

在數組開頭加入元素：str1.unshift()

刪除數組最后一個元素：str1.pop()

數組最后加入元素：str1.push()

從一個數組中選擇元素：str1.slice(1,3)

將一個數組中的元素的順序反轉排序:str1.reverse()

在數組的指定位置添加一個元素 ：str1.splice()---

數字排序（按數字順序降序）- sort()：

---str1.sort(function(a,b){return a-b}) 順序

---str2.sort(function(a,b){return b-a}) 倒序