1. 用js操作屬性
用 document.getElementById(‘對(duì)應(yīng)的id名稱’); 這種方法獲取 指定的ID 的標(biāo)簽,可以進(jìn)行其他 操作,
還有document.getElementByClassName(‘對(duì)應(yīng)的class名稱’); 通過(guò)類名來(lái)獲取標(biāo)簽
像這樣的一些操作,都需要在頁(yè)面加載完成之后去進(jìn)行碉碉,所以就用到了
這個(gè)頁(yè)面加載完成之后,執(zhí)行的一個(gè)匿名函數(shù)
window.onload=function(){ document.getElementById(‘對(duì)應(yīng)的id名稱’); }
可以對(duì)一些屬性進(jìn)行操作,如下如所示:
圖片.png
js操作 類名getElementsByClassName
圖片.png
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js的操作屬性</title>
<script type="text/javascript">
window.onload=function(){
var oDiv1=document.getElementById('div1');
oDiv1.title='這是一個(gè)div';
oDiv1.style.color='red';
var oDiv2=document.getElementById('div2');
oDiv2.style.background="gold";
oDiv2.style.fontSize="30px";
var oA=document.getElementById('link');
oA.;
oA.title="跳轉(zhuǎn)到騰訊";
var Div3 = document.getElementsByClassName('div');
Div3[0].style.background='cyan';
Div3[1].style.background='red';
var Div=document.getElementsByTagName('div'); // 通過(guò) 標(biāo)簽名 來(lái)查找
var List=document.getElementById('ul2'); //指定 某個(gè)標(biāo)簽
var listcon=List.getElementsByTagName('li'); //通過(guò) 上面指定的標(biāo)簽 隐轩,去獲取里面 li標(biāo)簽
alert(listcon.length); // 獲取長(zhǎng)度
}
</script>
</head>
<body>
<div id="div1">這是div1</div>
<div id="div2">這是div2</div>
<a href="#" id="link">騰訊</a>
<div class="div">這是div3</div>
<div class="div">這是div4</div>
<ul id="ul1">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>3</li>
<li>4</li>
</ul>
<ul id="ul2">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</body>
</html>
2. js操作class
圖片.png
3. js 用中括號(hào)操作屬性
4. js 函數(shù)
5. js可控?fù)Q膚
圖片.png
6. js的匿名函數(shù)
7. 函數(shù)的傳參
8. return關(guān)鍵字
圖片.png