《對象及DOM知識點及其應用1》

1.圖片間的來回切換用if{}else{};

<超鏈接方式的切換圖片（常用）>
如：<a href="../images1/1-small.jpg" id="bnn"/>切換圖片</a><br/>
<img src="../images1/2-small.jpg" alt="" id="btt"/>
<script>
document.getElementById("bnn").onclick=function (){
var ar=document.getElementById("btt");//獲取圖片元素
ar.src=this.href;
return false;//避免鏈接跳轉

}

2.封裝函數到js文件夾下
如： function my$(id){
return document.getElementById(id);
};
function mt$(id){
return document.getElementsByTagName(id);
}

3.<ul class="un1" id="uz">
<li><a href="images1/1.jpg" id="bnt1" title="美女1" ><img src="images1/1-small.jpg" width="100" alt=""/></a></li>
<li><a href="images1/2.jpg" id="bnt2" title="美女2" ><img src="images1/2-small.jpg" width="100" alt=""/></a></li>
<li><a href="images1/3.jpg" id="bnt3" title="美女3" ><img src="images1/3-small.jpg" width="100" alt=""/></a></li>
<li><a href="images1/4.jpg" id="bnt4" title="美女4" ><img src="images1/4-small.jpg"width="100" alt=""/></a></li>
</ul>

如要調用ul中的a,用2中的封裝可以簡寫為
var img1=my$("uz").mt("a")；

4.在迴圈中，不推薦使用匿名函數的形式
如arr[i].onclick=function (){}
//下麵的寫法好，節省空間
arr[i].onclick=array;
function array{};

5<innerText,textContent的相容問題>
註意：
2者都可以獲取和設置文本的內容
而innerHTML可以獲取和設置標簽以及文本的內容
function getInnerTxt(element){//element表示標簽
return element.innerText?element.innerText:element.textContent;
}

function setInnerTxt(element,value){
//三元運算符也可以，2個都分別寫一遍
if(element.innerText){
element.innerText=value;
}else{
element.textContent=value;

}
}