国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

《JavaScript DOM 編程藝術》讀書筆記之JavaScript 圖片庫

2024-05-06 16:14:05
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了《JavaScript DOM 編程藝術》讀書筆記之JavaScript 圖片庫,需要的朋友可以參考下
 

改變圖片的src屬性的兩種方式:

1,setAttribute方法是“第1級DOM”的組成部分,它可以設置元素節點的任意屬性。

2,element.src = source;這是在“第1級DOM”出現之前的方法,現在也有效。

“第1級DOM”的優勢是可移植性好,那些老方法只適用于Web文檔,DOM則適用于任何一種標記語言。

事件處理函數

當點擊某個鏈接時,我希望留在這個網頁面而不是轉到另一個窗口,代碼如下:

 

復制代碼代碼如下:

<a href="http://www.example.com" onclick="showPic(this); return false ;">Click</a>

 

當點擊這個鏈接時,因為onclick事件處理函數所觸發的Javascript代碼返回的值是false,所以這個鏈接的默認行為沒有被觸發.

childNodes屬性

childNodes屬性可以用來獲取任何一個元素的所有子元素。由childNodes屬性返回的數組包含所有類型的節點,而不僅僅是元素節點。事實上,文檔里幾乎每一樣東西都是一個節點,甚至連空格和換行符都會被解釋為節點,而它們全都包含在childNodes屬性所返回的數組中。

但每個節點都有nodeType屬性。nodeType屬性總共有12種可取值,但其中僅有3種具有使用價值:元素節點的nodeType屬性值是1,屬性節點的nodeType屬性值是2,文本節點的nodeType屬性值是3.

如果想改變一個文本節點的值,那么就用DOM提供的nodeValue屬性。

數組元素childNodes[0]有個更直觀易讀的同義詞,可以把它寫成firstChild;DOM還提供了一個與之對應的lastChild屬性。

示例:

 

復制代碼代碼如下:

<p id="description">Choose an image</p>

 

首先創建一個變量來存放它:

 

復制代碼代碼如下:

var description = document.getElementById("description");

 

description.nodeValue的返回值是null。<p>元素本身的nodeValue屬性是一個空值,而如果想要得到<p>元素包含的文本的值,要用description.childNodes[0].nodeValue或者description.firstChild.nodeValue


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 哈密市| 阿坝县| 松阳县| 奉化市| 霍州市| 游戏| 苗栗市| 卓尼县| 鄂州市| 本溪市| 巴东县| 望谟县| 博客| 读书| 通州市| 宝丰县| 彭泽县| 正镶白旗| 新余市| 逊克县| 侯马市| 广南县| 贵州省| 龙井市| 太仓市| 监利县| 浪卡子县| 石柱| 青冈县| 铁岭市| 辽中县| 南陵县| 铜鼓县| 湘乡市| 天津市| 柘城县| 昌平区| 深泽县| 盐城市| 秭归县| 齐河县|