瀏覽器對(duì)象和ppt課件(參考版)
2025-05-04 07:05本頁(yè)面
【正文】 )。s an attribute named + + with a value of 39。 the text is + )。 } else if ( == ) { alert(It39。 if ( == ) { alert(We39。 alert(text)。 i++) { var pElement = (i)。 for (i=0。 ?insertData(position, text) 允許在文本節(jié)點(diǎn)的中間插入數(shù)據(jù)。 //將元素添加到 body中 (imgElement)。 //設(shè)置 width屬性 (width, 130)。 32 元素節(jié)點(diǎn) 元素節(jié)點(diǎn) 屬性處理有關(guān)的方法： ?getAttribute(name) 返回名為 name 的屬性值 ?removeAttribute(name) 刪除名為 name 的屬性 ?setAttribute(name, value) 創(chuàng)建一個(gè)名為 name 的屬性并將其值設(shè)為 value ?getAttributeNode(name) 返回名為 name 的屬性節(jié)點(diǎn) ?removeAttributeNode(node) 刪除與指定節(jié)點(diǎn)匹配的屬性節(jié)點(diǎn) 查找嵌套元素有關(guān)的方法： ?getElementsByTagName(elementName) 返回具有指定名稱(chēng)的元素節(jié)點(diǎn)列表 33 元素節(jié)點(diǎn) //創(chuàng)建 img元素 var imgElement = (img)。 (text)。 / /body html部分 單擊按鈕圖片消失 31 文檔節(jié)點(diǎn) 文檔節(jié)點(diǎn) document 對(duì)象創(chuàng)建新節(jié)點(diǎn)： ?createElement(elementName) 使用給定的名稱(chēng)創(chuàng)建一個(gè)元素 ?createTextNode(text) 使用提供的文本創(chuàng)建一個(gè)新的文本節(jié)點(diǎn) ?createAttribute(attributeName) 用提供的名稱(chēng)創(chuàng)建一個(gè)新屬性 var pElement = (p)。 if (() == “img”) { (currentNode)。 i。 while (() != “body”) {//尋找 body標(biāo)簽 bodyElement = 。 if (titleElement != null) { var titleText = 。 var headElement = (head)[0]。 29 Dom方法 script language=JavaScript function test() { var myDocument = document。 ?hasChildNodes() 在調(diào)用該方法的節(jié)點(diǎn)有孩子時(shí)則返回 true， 否則返回 false。 ?appendChild(newChild) 將 newChild 添加到運(yùn)行該函數(shù)的節(jié)點(diǎn)之中。 ?replaceChild(newChild, oldChild) 用 newChild 節(jié)點(diǎn)替換 oldChild 節(jié)點(diǎn)。 while (() != body) { bodyElement = 。)。 alert(The page title is 39。 if (headElement != null) { var titleElement = (title)[0]。 var htmlElement = 。 ? attributes 僅用于元素節(jié)點(diǎn)，返回元素的屬性列表。 ? previousSibling 返回當(dāng)前節(jié)點(diǎn) 之前 的節(jié)點(diǎn)。 ? firstChild childNodes 列表中第一個(gè)節(jié)點(diǎn)。 ? parentNode 節(jié)點(diǎn)的父節(jié)點(diǎn)。 } /script 鼠標(biāo)單擊的位置 處理鼠標(biāo)事件 JS部分 25 Dom基礎(chǔ) html head titleTrees, trees, everywhere/title /head body h1Trees, trees, everywhere/h1 pWele to a emreally/em boring page./p div Come again soon. img src= / /div /body /html 通常的 html文檔 Html是一個(gè)樹(shù)形結(jié)構(gòu) 26 Dom節(jié)點(diǎn) 節(jié)點(diǎn)是 DOM 中最基本的對(duì)象類(lèi)型，節(jié)點(diǎn)就是 DMO 樹(shù)中的任何事物 節(jié)點(diǎn)的主要屬性： ? nodeName 節(jié)點(diǎn)的名稱(chēng)。 } }
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1