首頁 > 開發者 > JavaScript

用戶端編程－－JavaScript(3)

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！
什麼是物件模型
       物件模型是描述對象邏輯結構及其標準操縱方法的一個介面包括四個主要的部分：１．JavaScript語言核心　２．主要與資料類型相關的核心對象　３．瀏覽器對象　　４．文檔對象

四個明顯的物件模型
       １．傳統的JavaScript物件模型
       ２．擴充的JavaScript物件模型
       ３．DHTML風格的物件模型
       ４．擴充的渡口物件模型和標準的DOM

常用Document對象
       LastModified     location    referrer(連結過來的URL)

訪問文件項目
    １．通過位置訪問　document.forms[0]
    ２．通過ID或name  document.myForm或document.forms[myForm]

三種層級的DOM
    DOM0:   支援常用的物件模型集合forms[]  images[]  anchors[]  link[]  applets[]
    DOM1:   通過一套常用的函數集提供操縱一個文檔中所有元素的能力
    DOM2:   提供對主要與XML相關的頁面元素的更多的訪問同時增加了對樣式表訪問和操縱的支援

DOM節點與HTML文檔
       1         Element        XHTML元素
       2         Attribute         元素的屬性
       3         Text               元素的內容
       8         Comment     注釋
       9         Document      根文檔對象　　
       10      DocumentType   文件類型定義

DOM節點的屬性
       nodeName      節點的名稱
       nodeValue      節點的值通常適應於文本節點
       nodeType         節點的類型見上面

訪問元素
１．通過ID訪問　document.getElementById("id")
２．通過元素的name屬性　document.getElementsByName("name")
３．通過訪問元素　getElementsByTagName('p')

判斷是否存在節點　hasChildNodes()

公用的文檔樹導航起點
document.documentElement 指向文檔樹的根項目　相對HTML的<HTML>
document.body 指向<body>標記相對應的樹節點
document.doctype 指向文檔的DOCTYPE定義　但是該屬性不能更改

建立節點
       creatAttribute(name)  為元素建立一個指定的屬性
       createComment(string) 建立一個HTML注釋
       createDocumentFragment()建立一個元素，元素類型在參數tagname中指定．
       createTextNode(string) 建立一個包含字串的文本節點

添加或插入節點
       appendChild(新子節點)
       insertBefore(新子節點，參考子節點)

刪除或替換節點
       current.removeChiled(current.lastChild)
       replaceChild(newChild, oldChild)

修改文本節點的值
       textnode.data="new text"

操作屬性
       getAttribute()       setAttribute()       removeAttribute() 　判斷元素是否定義有屬性hasAttributes()

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

相關關鍵詞：
javascript random number between 0 and 3 javascript round to 3 decimal places chrome 6 3 2 with javascript enabled download javascript opengl 3 3 tutorial alpha 3 beta 3 version 4 3 3
相關文章
漂亮簡單Javascript 調色盤代碼
javascript的indexOf忽略大小寫方法_javascript技巧
JavaScript的parseInt 取整使用
用js一招破解所有網頁的加密原始碼的方法
Wireshark基本介紹和學習TCP三向交握，wiresharktcp
jQuery AJAX timeout 逾時問題詳解，jqueryajax

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

熱門內容

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More