????????????????????????????????實(shí)現(xiàn)要求:點(diǎn)擊圖片鏈接吱抚,將展示圖片切換成相對(duì)應(yīng)的圖片,改變相對(duì)應(yīng)的圖片描述內(nèi)容考廉。
???以下代碼中重點(diǎn)記錄:nodeValue??? 秘豹、??禁止a標(biāo)簽自帶的鏈接跳轉(zhuǎn)
? ? ? ? ? ? ? ? ? nodeValue:本節(jié)中要修改的是h1標(biāo)簽中所顯示的內(nèi)容,應(yīng)該修改h1標(biāo)簽的文本節(jié)點(diǎn)【h1.firstChild.nodeValue】,而不是h1.nodeValue
? ? ? ? ? ? ? ? ? 禁止a標(biāo)簽自帶的鏈接跳轉(zhuǎn):通過(guò)返回false值可以禁止a標(biāo)簽進(jìn)行自身的鏈接跳轉(zhuǎn)昌粤。
? ? ? ? ? ? ? ? 知識(shí)點(diǎn):
????????????????????????????? getAttribute:獲得對(duì)象屬性??
?????????????????????????????????????document.getElementsByTagName("a")[0].getAttribute("title");? //獲得a標(biāo)簽的title屬性值
??????????????????????????????getElementById :通過(guò)ID獲得元素對(duì)象
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? document.getElementsByTagName("a")? //值為數(shù)組
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? setAttribute :設(shè)置對(duì)象屬性
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? document.getElementsByTagName("INPUT")[0].setAttribute("type","button"); //將Input的type設(shè)置成button類(lèi)型