日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
一篇文章帶你了解JavaScript htmldom 導(dǎo)航

使用HTML DOM，可以使用節(jié)點(diǎn)關(guān)系來(lái)導(dǎo)航"節(jié)點(diǎn)樹"。

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供武平網(wǎng)站建設(shè)、武平做網(wǎng)站、武平網(wǎng)站設(shè)計(jì)、武平網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、武平企業(yè)網(wǎng)站模板建站服務(wù)，十載武平做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

一、DOM 節(jié)點(diǎn)

在一個(gè)HTML文檔都是一個(gè)節(jié)點(diǎn)，The entire document is a document node 每個(gè)HTML元素是元素節(jié)點(diǎn) 在HTML元素的文本是文本節(jié)點(diǎn) 每一個(gè)HTML屬性是一個(gè)屬性節(jié)點(diǎn) 所有注釋都是注釋節(jié)點(diǎn)。

使用HTML DOM, 在節(jié)點(diǎn)樹的所有節(jié)點(diǎn)可以通過(guò)JavaScript訪問(wèn)?？梢詣?chuàng)建新節(jié)點(diǎn)，并可以修改或刪除所有節(jié)點(diǎn)。

1. 節(jié)點(diǎn)關(guān)系

節(jié)點(diǎn)樹中的節(jié)點(diǎn)彼此具有層次關(guān)系。

2. 子節(jié)點(diǎn)和節(jié)點(diǎn)值

在DOM處理中常見(jiàn)的錯(cuò)誤就是認(rèn)為一個(gè)元素節(jié)點(diǎn)包含文本。

DOM Tutorial

元素節(jié)點(diǎn) (在上面的實(shí)例中) 不包含文本。</p><p>它包含有值的文本節(jié)點(diǎn) "DOM Tutorial"。</p><p>該文本節(jié)點(diǎn)的值可以通過(guò)節(jié)點(diǎn)的innerHTML屬性訪問(wèn)。</p><pre><code>var myTitle = document.getElementById("demo").innerHTML;</code></pre><p>訪問(wèn)innerHTML屬性訪問(wèn)和訪問(wèn)第一個(gè)子節(jié)點(diǎn)值相同:</p><pre><code>var myTitle = document.getElementById("demo").firstChild.nodeValue;</code></pre><p>訪問(wèn)第一個(gè)子節(jié)點(diǎn)也可以這樣做:</p><pre><code>var myTitle = document.getElementById("demo").childNodes[0].nodeValue;</code></pre><p>實(shí)例1：</p><p>查詢<h1>元素的文本，并且拷貝它到<p>元素。</p><pre><code><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>項(xiàng)目

My First Page

實(shí)例2：





項(xiàng)目




   
My First Page

實(shí)例3 ：





項(xiàng)目


   
My First Page

    
Hello!

二、DOM 根節(jié)點(diǎn)

有兩個(gè)特殊屬性允許訪問(wèn)完整文檔:

document.body - 文檔主體





項(xiàng)目





我的第一個(gè)頁(yè)面

document.documentElement - 完整的文檔



  
    
    項(xiàng)目
  
  
  
Hello World!

  

  
The DOM is very useful!

   
This example demonstrates the document.documentElement property.

1. nodeName 屬性

nodeName屬性指定一個(gè)節(jié)點(diǎn)的名稱，nodeName 是只讀的。

  1. nodeName 是只讀的。
  2. nodeName 一個(gè)元素節(jié)點(diǎn)的節(jié)點(diǎn)名稱和標(biāo)簽名稱相同。
  3. 一個(gè)屬性節(jié)點(diǎn)的節(jié)點(diǎn)名稱是屬性名。
  4. 一個(gè)文本節(jié)點(diǎn)的nodeName總是 #text。
  5. 文檔的節(jié)點(diǎn)名稱總是 #document。
My First Page

注意:

nodeName總是包含HTML元素的大寫標(biāo)簽名稱。

2. nodeValue 屬性

nodeValue 屬性指定節(jié)點(diǎn)的值。素節(jié)點(diǎn)的節(jié)點(diǎn)值是 undefined，文本節(jié)點(diǎn)的節(jié)點(diǎn)是文本本身，屬性節(jié)點(diǎn)的節(jié)點(diǎn)值是屬性值。

3. nodeType 屬性

nodeType 屬性返回節(jié)點(diǎn)類型. nodeType 是只讀的。

三、總結(jié)

本文基于JavaScript，介紹了頁(yè)面上htmldom 導(dǎo)航的節(jié)點(diǎn)。節(jié)點(diǎn)和節(jié)點(diǎn)之間的關(guān)系，采用生動(dòng)的比喻進(jìn)行講解。以及根節(jié)點(diǎn)的屬性進(jìn)行了詳細(xì)講解。通過(guò)豐富的案例，運(yùn)行效果圖的展示。希望能幫助讀者更好的學(xué)習(xí)。

使用JavaScript 語(yǔ)言，方便大家更好理解，希望對(duì)大家的學(xué)習(xí)有幫助。


當(dāng)前標(biāo)題：一篇文章帶你了解JavaScript htmldom 導(dǎo)航
網(wǎng)頁(yè)路徑：http://www.5511xx.com/article/djgcjjd.html