python大佬養(yǎng)成計劃----HTML DOM

cc17 發(fā)布于2019-08-23 12:18 / 1620人閱讀

摘要：定義了所有元素的對象和屬性，以及訪問它們的方法。換言之，是關于如何獲取修改添加或刪除元素的標準。根據(jù)標準，中所有內(nèi)容都是節(jié)點。好比我有兩個下拉列表，第一列表是選擇省份，那么我選擇某一個省份，那么另一個列表也會對應顯示該省份的城市。

什么是DOM？

DOM (Document Object Model) 譯為文檔對象模型，是 HTML 和 XML 文檔的編程接口。
HTML DOM 定義了訪問和操作 HTML 文檔的標準方法。
DOM 以樹結(jié)構(gòu)表達 HTML 文檔。

HTML DOM 定義了所有 HTML 元素的對象和屬性，以及訪問它們的方法。
換言之，HTML DOM 是關于如何獲取、修改、添加或刪除 HTML 元素的標準。

根據(jù)HTML DOM標準，HTML中所有內(nèi)容都是節(jié)點。

整個文檔是一個文檔節(jié)點
每個 HTML 元素是元素節(jié)點
HTML 元素內(nèi)的文本是文本節(jié)點
每個 HTML 屬性是屬性節(jié)點
注釋是注釋節(jié)點

HTML DOM的一些方法

getElementById(id) - 獲取帶有指定 id 的節(jié)點（元素）
appendChild(node) - 插入新的子節(jié)點（元素）
removeChild(node) - 刪除子節(jié)點（元素）

HTML DOM的一些屬性

innerHTML - 節(jié)點（元素）的文本值
parentNode - 節(jié)點（元素）的父節(jié)點
childNodes - 節(jié)點（元素）的子節(jié)點
attributes - 節(jié)點（元素）的屬性節(jié)點

應用：動態(tài)添加城市

需求：當我們訪問網(wǎng)頁時，添加網(wǎng)頁上所沒有的地址




    
    動態(tài)添加城市
    


    
    // 確定事件類型"onclick"
    

    
        西安
        拉薩
        成都

應用：城市的二級聯(lián)動

所謂二級聯(lián)動，就是要通過一個下拉列表的選擇從而在另一個select下拉列表中顯示出對應的數(shù)據(jù)。好比我有兩個下拉列表，第一列表是選擇省份，那么我選擇某一個省份，那么另一個列表也會對應顯示該省份的城市。




    
    二級聯(lián)動（城市）
    
    



    
        籍貫
        // 1. 確定事件類型onchange, 并為其綁定一個函數(shù)

云服務器 GPU云服務器 python dom python計劃任務 python任務計劃 html dom函數(shù)

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/98278.html

python大佬養(yǎng)成計劃----HTML DOM

摘要：定義了所有元素的對象和屬性，以及訪問它們的方法。換言之，是關于如何獲取修改添加或刪除元素的標準。根據(jù)標準，中所有內(nèi)容都是節(jié)點。好比我有兩個下拉列表，第一列表是選擇省份，那么我選擇某一個省份，那么另一個列表也會對應顯示該省份的城市。什么是DOM？ DOM (Document Object Model) 譯為文檔對象模型，是 HTML 和 XML 文檔的編程接口。HTML DOM 定義了...

leejan97 2019-08-02 11:41 評論0 收藏0
python大佬養(yǎng)成計劃----HTML網(wǎng)頁設計（序列）

摘要：序列化標簽有序標簽和有序列表標簽是，是一個雙標簽。在每一個列表項目前要使用標簽。標簽的形式是帶有前后順序之分的編號。有序標簽的屬性屬性用于設置編號為數(shù)字或者字母等的類型，如則編號用英文字母表示。通常是成對出現(xiàn)。序列化標簽 1.有序標簽--ol和li 有序列表標簽是，是一個雙標簽。在每一個列表項目前要使用標簽。標簽的形式是帶有前后順序之分的編號。如果添加或者刪除一個列表項，編號會自動調(diào)...

馬永翠 2019-08-29 16:52 評論0 收藏0
python大佬養(yǎng)成計劃----HTML網(wǎng)頁設計（序列）

摘要：序列化標簽有序標簽和有序列表標簽是，是一個雙標簽。在每一個列表項目前要使用標簽。標簽的形式是帶有前后順序之分的編號。有序標簽的屬性屬性用于設置編號為數(shù)字或者字母等的類型，如則編號用英文字母表示。通常是成對出現(xiàn)。序列化標簽 1.有序標簽--ol和li 有序列表標簽是，是一個雙標簽。在每一個列表項目前要使用標簽。標簽的形式是帶有前后順序之分的編號。如果添加或者刪除一個列表項，編號會自動調(diào)...

young.li 2019-08-02 11:38 評論0 收藏0
python大佬養(yǎng)成計劃----JavaScript基礎

摘要：是世界上最流行的腳本語言。是屬于的語言，它適用于筆記本電腦平板電腦和移動電話。被設計為向頁面增加交互性。幾乎每個人都有能力將小的片段添加到網(wǎng)頁中。 JavaScript JavaScript 是世界上最流行的腳本語言。JavaScript 是屬于 web 的語言，它適用于 PC、筆記本電腦、平板電腦和移動電話。JavaScript 被設計為向 HTML 頁面增加交互性。許多 HTML ...

yangrd 2019-08-23 12:16 評論0 收藏0