關于函式
函式是可重復執行的包含特定功能的代碼段，
js中的命名函式和匿名函式
<button id="btn1" onclick="func()">點擊我吧</button>
<button id="btn2">點擊它吧</button>
<script>
//命名函式
function func(){
//代碼段
alert('點擊我吧');
}
//匿名函式
var btn2 = document.getElementById('btn2');
btn2.onclick = function(){
//代碼段
alert('點擊它吧');
}
</script>
關于DOM
DOM：Document Object Model，稱為檔案物件模型，在網頁加載時，可以將結構化檔案在記憶體中轉換為物件結構樹，簡單的說，DOM并不是一種技術，而是一種訪問結構化檔案的一種思想，借用DOM模型，我們可以對DOM樹進行修改、洗掉、新增等操作，讓結構化檔案動態化，
DOM模型中的節點--檔案可以說是由節點構成的集合，在DOM模型中有以下3種節點：
- 元素節點：各種標簽就是這些元素節點的名稱，如
<p>、<ul>等 - 屬性節點：一般用來修飾元素節點就稱為屬性節點
- 文本節點：文本節點總是被包含在元素節點的內部
注：為了動態地修改html元素，須先訪問html元素，
查找HTML元素
document.getElementById() //id
document.getElementsByClassName() //class
document.getElementsByName() //name
document.getElementsByTagName() //tagName
對元素節點的操作：
//創建節點
document.createElement(tag); //tag必須是合法的html元素
//復制節點
document.cloneNode(boolean deep); //deep為true，復制所有后帶節點，為false，只復制當前節點
//添加節點
node.appendChild(newNode)
node.insertBefore(newNode, refNode)
//修改
node.replaceChild(newNode, oldNode)
//洗掉
node.removeChild(oldNode)
對屬性節點的操作：
//添加
node.setAttribute('屬性名', '值');
//洗掉
node.removeAttribute('屬性名');
//修改
node.setAttribute('屬性名', '值');
//查詢
node.getAttribute('屬性名')
對文本節點的操作：
//添加、洗掉、修改、查詢
node.innerHTML = '';
注：通過DOM還可以修改HTML標簽節點的樣式：
document.getElementById(id).style.property = new style
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/138142.html
標籤：JavaScript
上一篇：js篇
下一篇：ajax篇