Version:1.0StartHTML:000000201EndHTML:000039341StartFragment:000029011EndFragment:000039303StartSelection:000029011EndSelection:000039303SourceURL:http://www.itdecent.cn/p/7adc46427b37

1. 用js操作屬性

用 document.getElementById(‘對(duì)應(yīng)的id名稱(chēng)’);? 這種方法獲取 指定的ID 的標(biāo)簽，可以進(jìn)行其他 操作，

還有document.getElementByClassName(‘對(duì)應(yīng)的class名稱(chēng)’); 通過(guò)類(lèi)名來(lái)獲取標(biāo)簽

像這樣的一些操作，都需要在頁(yè)面加載完成之后去進(jìn)行，所以就用到了

這個(gè)頁(yè)面加載完成之后，執(zhí)行的一個(gè)匿名函數(shù)

window.onload=function(){ document.getElementById(‘對(duì)應(yīng)的id名稱(chēng)’);? }

可以對(duì)一些屬性進(jìn)行操作，如下如所示：

圖片.png

js操作 類(lèi)名getElementsByClassName

圖片.png

js的操作屬性window.onload=function(){varoDiv1=document.getElementById('div1');? ? ? ? ? ? oDiv1.title='這是一個(gè)div';? ? ? ? ? ? oDiv1.style.color='red';varoDiv2=document.getElementById('div2');? ? ? ? ? ? oDiv2.style.background="gold";? ? ? ? ? ? oDiv2.style.fontSize="30px";varoA=document.getElementById('link');? ? ? ? ? ? oA.;? ? ? ? ? ? oA.title="跳轉(zhuǎn)到騰訊";varDiv3 =document.getElementsByClassName('div');? ? ? ? ? ? Div3[0].style.background='cyan';? ? ? ? ? ? Div3[1].style.background='red';varDiv=document.getElementsByTagName('div');// 通過(guò) 標(biāo)簽名 來(lái)查找varList=document.getElementById('ul2');//指定 某個(gè)標(biāo)簽varlistcon=List.getElementsByTagName('li');//通過(guò) 上面指定的標(biāo)簽 ，去獲取里面 li標(biāo)簽alert(listcon.length);// 獲取長(zhǎng)度}這是div1這是div2騰訊這是div3這是div4

2. js操作class

圖片.png

3. js 用中括號(hào)操作屬性