JavaScript物件 DOM技術

2021-07-31 16:15:18 字數 641 閱讀 8372

dom---document object model  文件物件模型

dom技術: 把標記文件變成物件樹,通過對這棵樹中的物件進行操作(增刪改查),實現對文件內容的操作。

對dom物件樹進行增刪改查,產生的效果就是對頁面內容進行增刪改查!

文件:html頁面,xml文件(檔案)   

dhtm:動態html技術,它不是一門語言,而是一項綜合技術: html+css+js+dom

技術邊界:

html: 提供標籤,對資料進行封裝。----目的是便於對該標籤中的資料進行操作

css: 提供樣式屬性,對標籤中的資料進行樣式定義

dom: 把標記文件解析成物件樹,並且提供一些對樹中物件進行操作的   變數和函式

js:  提供程式語言,對頁面中的物件進行邏輯操作 (if,for,...)

bom模型: browse object model 瀏覽器物件模型 

dom模型針對的是頁面內容,bom模型針對的是瀏覽器

dom: document物件代表的是整個文件頁面

bom:  window物件就是代表整個瀏覽器本身

JavaScript 操作DOM物件

簡介 全稱 document object model 文件物件模型 是基於文件程式設計的一套api介面,大部分主流瀏覽器都執行了w3c發布的第一級的dom規範,因此解決了瀏覽器相容性問題 任何一種支援dom程式設計的語言都可以使用它,比如html html dom css dom geteleme...

javaScript 文件物件模型(DOM)

根據dom會將html轉換成一系列的節點,呈樹狀結構 dom tree 我們能夠通過dom提供的各種api來實現對html文件的,增,刪,查,改等各種操作 節點是dom 中最基本的單位,像一顆樹中的每根樹枝。通過節點與節點之間的關係可以分為 父節點 2.子節點 3.兄弟節點 而 document 物...

JavaScript基礎之Dom物件

一 document 文件物件 1 建立 獲取 window.document document 2 方法 獲取element物件 getelementbyid id獲取元素物件。id屬性值一般唯一 getelementsbytagname 名稱獲取元素物件們。返回值是乙個陣列 getelement...