DOM基本屬性

查詢元素結點：

1通過id查詢:

document.getelemengbyid('id');  

//返回值為dom物件

2通過標籤名查詢

var demo =document.getelementsbytagname('li'); 

//返回乙個陣列集合 ，該集合由標籤名為li的元素結點組成

//問題：集合元素只有li元素結點，那麼該結點的屬性demo[0].innerhtml是否就是文字節點？

//嚴格來說不是文字節點

alert(demo);             //

alert顯示為：[object  htmlcollection]

alert(demo.length); 

//返回集合元素個數；

//獲取所有元素：

var demo =document.getelementsbytagname('*'); 

alert(demo.length);      

//在ie8及低版本瀏覽器中比其他瀏覽器多乙個,  

相容問題

//因為ie6把文件元素作為第乙個結點， 其他瀏覽器把html結點作為第乙個結點：

alert(demo[0].nodename);    //ie8及低版本瀏覽器：#document     其他瀏覽器為：html

var demo = document.getelementsbyname('name');    

//ie瀏覽器不支援非法的name屬性獲取，

//如果name屬性為非表單元素的屬性，那麼ie就無法通過此方法獲取的結點物件。

//含有name 屬性的表單元素結點可以被ie獲取

// 元素結點的屬性：

//標籤屬性

demo.tagname;    //該元素結點的標籤名

demo.id;

demo.title;

demo.style;

demo.classname;       //class值,             因為class是保留字，此處使用classname作為該結點的class值

demo.style.color;       //某css個屬性值

//自定義屬性

//還可以獲取標籤中的使用者自定義屬性；

var demo = document.getelementbyid("pid");

alert(demo.abc;)   

//ppp    但是只有ie<=8支援此種做法，非ie瀏覽器不支援

相容問題

//結點屬性

demo.nodename;    //等價於tagname

demo.nodevalue;    //結點本身的value值，元素結點該屬性為空，文字節點的屬性為文字內容

demo.innerhtml;    //（非標準屬性）元素結點裡面的文字內容，包含其他子標籤，為字串。  文字節點沒有改屬性

注意：nodevalue屬性和innerhtml屬性可以賦值，並且，nodevalue會把特殊字元轉義，原樣輸出

元素結點使用innerhtml賦值，文字節點使用nodevalue賦值。

//節點關係屬性

demo.childnodes;    // nodelist

//不同瀏覽器的讀取方式不同，ie8-不會讀取空格，其他瀏覽器都可以讀取空格。 

相容問題

demo.firstchild;       //

demo.lastchild;

demo.ownerdocument;  

//該結點的跟結點物件。

alert(demo.ownerdocument===document);

//true;

demo.nextsibling;//下乙個結點

demo.previoussibling;//上乙個結點

demo.attributes; 

//[object namednodemap]   屬性結點集合，儲存著該元素的屬性列表。從後向前儲存

demo.attributes[0] ;  

// attr  屬性結點

demo.attributes[0].nodetype  

//屬性列表中都是屬性結點，該結點的nodetype值為2 

demo.attributes[0].nodevalue

//屬性結點的屬性值，不同瀏覽器遍歷順序不同，

相容問題

//firefox

按照標籤屬性的逆序開始遍歷； 

//chrome按照標籤屬性的順序進行遍歷

//ie8+使用自己的固定順序。不會根據標籤屬性書寫順序進行更改，ie7-不能正確讀取nodevalue,

//在ie7-中demo.attributes[i]  ,儲存為object型別

，ie8+儲存為attr物件

demo.attributes['id'];  

//[object attr]     屬性名為id的屬性結點。

bash 基本屬性

bash基礎特性 命令歷史history 環境變數 histsize 命令歷史記錄的條數 histfile bash history histfilesize 命令歷史檔案記錄歷史的條數 history d 歷史命令數字 history c 刪除歷史命令 history 顯示歷史中最近的 命令 hi...

CSS基本屬性

一 visibility屬性 display none 隱藏元素 visibility 顯示 隱藏的 取值 1 visible 預設的可見的 2 hidden 隱藏 依然佔據頁面空間 3 collapse 使用在 元素上 刪除一行和一列的時候不影響 的整體布局 diplay 和 visibility...

CSS基本屬性

background 背景 background color 背景色 background image 背景 background repeat 背景圖平鋪方式 簡寫 background gray url xx.png no repeat 背景色，背景，平鋪方式 font 字型 font styl...