JavaScript屬性操作(獲取元素)——2018-02-24

1、通過ID獲取元素:(靜態(tài)獲取)

var oDiv = document.getElementById('div1');

2、通過標簽獲取元素:(動態(tài)獲?。?/h3>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標題文檔</title>
<script>
/*
#list {}        var oUl = document.getElementById('list');靜態(tài)方法

li {}           document.getElementsByTagName('li');    動態(tài)方法
#list li {}  var aLi = oUl.getElementsByTagName('li');
                            // aLi => [ li, li, li ]     元素的集合
                            aLi.length                              3
                            aLi[0]
                            // 在用 TagName 的時候,必須要加上:[]
*/
window.onload = function (){
    //  var oUl = document.getElementById('list');
    var oUl = document.getElementsByTagName('ul')[0];
    var aLi = oUl.getElementsByTagName('li');
    
    // document.getElementsByTagName('li');
    
    // alert( aLi.length );
};
</script>
</head>

<body>

<ul id="list">
    <li></li>
    <li></li>
    <li></li>
</ul>

<ol>
    <li></li>
    <li></li>
</ol>

</body>
</html>

3、特殊標簽的獲?。?/h3>

如果一個頁面中只有一個這樣的標簽,那么可以這樣獲取該標簽:
例如body、title...

document.body
document.title
......

4、靜態(tài)與動態(tài)獲取方法的區(qū)別:

① 通過ID來獲取元素只能用document.不能用其他的,如果用tag來獲取某個元素,(比如獲取id=“oUl”的ul下面的li)

var oUl = document.getElementById('oUl');
var oLi = oUl.getElementsByTagName('li');

② 靜態(tài)獲取方法在使用時只會獲取一次,如果沒有獲取到元素即便在獲取語句的后面通過JS添加了元素進去,也不會獲取到。
動態(tài)獲取方法會一直嘗試獲取元素,直到所有的代碼加載完畢,即便當時沒有獲取到,但是后面如果通過JS添加了也是可以獲取到的。
③ 靜態(tài)方法獲取的元素可以直接使用,但是動態(tài)方法獲取的元素是一個集合,在使用時必須加上指定的下標。注意:動態(tài)方法獲取的不是數(shù)組而是集合,但是這個集合有數(shù)組的屬性,但沒有數(shù)組的一些方法。

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,653評論 19 139
  • 1. Java基礎部分 基礎部分的順序:基本語法,類相關的語法,內部類的語法,繼承相關的語法,異常的語法,線程的語...
    子非魚_t_閱讀 34,741評論 18 399
  • 很多年前便想寫這篇,多次因不知從何而起,從何處而終便一拖再拖,就像此時斷符又停在這里閃爍許久。 我最怕的是家族的劣...
    A_阿黑閱讀 312評論 0 0
  • 2017年9月19日 每天自問 1.今天留意時間怎么花掉的。 上午,6:00-7:40,起床,看書《與時間做朋友》...
    雪狼K閱讀 194評論 0 0
  • 今天天氣冷,老公中午沒吃飯要出去吃點,我?guī)Ш⒆痈黄鸪鋈チ镞_一下。突然接到送煤氣的電話。我說先回去一下,就騎電動...
    給給閱讀 209評論 1 0

友情鏈接更多精彩內容