Dom豐富內容顯示隱藏內容

2021-09-20 10:53:35 字數 2316 閱讀 1757

注意:元素中的/前面最好要空格

在現有元素後面插入乙個新元素需要自己寫**無法呼叫 innerafter

當script外部檔案放在head時如果用到dom方法或者文件中的元素最好用到load 因為dom還沒載入完 會出錯

多個函式賦值給load

function addloadevent(func) else

}}

如果是放在最後可以直接呼叫文件中的元素

元素之間有換行有些瀏覽器會把這個換行符號理解為文字元素比如

所以直接用.lastchild得到的不一定是元素節點 而是文字節點 document.getelementbytagname得到的是元素節點

lastchild獲取的是文字節點還是元素節點

是都會獲取 現在有最新的方法 lastelementchild 只取元素節點

關於節點 有 元素節點 和 屬性節點 和 文字節點

不過屬性節點現在已經不算節點了,你用lastchild還是lastelementchild 都是獲取不到的

顯示文件中隱藏的內容 從文件中提取一些內容並以一種清晰的方式顯示出來

顯示縮略語列表:

得到 var abbre=document.getelementbytagname("abbr");

if(abbre.length<1) return

false;

var defs=new array();

for(var i=0;ivar xx=abbre[i];

var definition=xx.getattribute("title");

var key=xx.lastchild.nodevalue;

defs[key]=definition;

}建立標記:

var dist=document.createelement("dl");

for(var key in defs)

最後將dist加入到body中有2種方法

1.document.getelementbytagname("body")[0]

2. 注意:array陣列下標可以存放var型別

for(var key in defs) key代表defs中的下標

但是abbr再ie7之前是不支援的 這是歷史遺留問題

解決方案是防止他報錯即可

function xx()

var dist=document.createelement("dl");

for(var key in defs)

if(dis.childnodes.length<1) return

false;

} 因為blockquote的cite屬性會被瀏覽器完全忽略 所以 雖然資訊就在那裡 可無法引用 所以需要用dom來把這些資訊收集起來

function displaycitation()

var url=quotes[i].getattribute("cite");

var quotechilden=document.getelementbytagname("*");//d得到所有元素節點

if(quotechilden.length<1) continue;

var elem=quotechilden[quotechilden.length-1];

var link=document.createelement("p");

var link_txt=document.createtextnode("source");

link.setattribute("href",url);

varsuper=document.createelement("sup"); //上標

}} 顯示快捷鍵清單

function displayaccesskeys()

// create the list

var list = document.createelement("ul");

//loop through the accesskeys

for (key in akeys)

// create a headline

var header = document.createelement("h3");

var header_text = document.createtextnode("accesskeys");

// add the headline to the body

// add the list to the body

}addloadevent(displayaccesskeys);

顯示隱藏文字內容 2020 11 20

自學js,錯誤案例 value可得到屬性值或者更改屬性值 判斷value值是否為空,所以用 doctype html content type content text html charset utf 8 input style head 1 value可得到屬性值或者更改屬性值 text val...

Dom內容彙總

dom 獲取節點 通過節點屬性獲取節點 建立元素節點 判斷節點子節點 haschildnodes 表示當前節點是否有子節點 插入節點 替換節點 replacechild 要插入的新節點,將被替換的舊節點 複製節點 clonenode 刪除節點 removechild 要刪除的節點 刪除指定節點 co...

豐富linux驅動內容筆記(二)

一 驅動設計的分層和分隔 分層設計可以提高 的可重用性。它利用已有的 做一些過載或修改,就可以完成驅動程式設計。除了分層的設計思想外,還有分隔。一般用在匯流排外設控制器上,這樣驅動就分為了兩部分,一部分寫控制器驅動,一部分寫外設驅動,互不干涉。二 一些簡述 輸入裝置驅動 分配和釋放乙個輸入裝置 st...