javascript教程系列31 DOM概述

2021-08-20 04:11:50 字數 1377 閱讀 4803

核心(ecmascript)歐洲計算機製造商協會 描述了js的語法和基本物件。

文件物件模型(dom) 處理網頁內容的方法和介面

瀏覽器物件模型(bom) 與瀏覽器互動的方法和介面

dom 為文件提供了結構化表示,並定義了如何通過指令碼來訪問文件結構。

目的其實就是為了能讓js操作html元素而制定的乙個規範。

由結構圖中我們可以看到,整個文件就是乙個文件節點。

而每乙個hmtl標籤都是乙個元素節點。

標籤中的文字則是文字節點。

標籤的屬性是屬性節點。

一切都是節點……

-操作節點,必須首先找到該元素。有三種方法來做這件事:

通過 id 找到 html 元素 

document.getelementbyid("demo");

通過標籤名找到 html 元素 document.getelementsbytagname("div")

通過類名找到 html 元素 document.getelementsbyclassname("a");

通過類名查詢 html 元素在 ie 5,6,7,8 中無效

dom的節點並不是孤立的,因此可以通過dom節點之間的相對關係對它們進行訪問.

父兄訪問節點方法:

父節點 parentnode

兄弟節點 nextsibling nextelementsibling previoussibling previouselementsibling

子節點 firstchild firstelementchild lastchild lastelementchild

所有子節點 childnodes children

**例項:

1.box1是box的父節點

var box2 = document.getelementsbyclassname("box2")[0];

var box2 = document.getelementbyid("box2")

console.log(box2.parentnode);

下乙個兄弟節點

console.log(box2.nextelementsibling);

//firstelementchild第乙個子節點

console.log(box2.parentnode.firstelementchild);

//所有子節點

console.log(box2.parentnode.childnodes);

console.log(box2.parentnode.children);

python系列教程3

python唯一的缺點就是,在目前現有的實現方式下,與c和c 這類編譯語言相比,python的執行速度還不夠快。教程後面將對實現方式的概念進行詳細闡述。簡而言之,目前python的標準實現方式是將源 的語句編譯 或者說是轉換 為位元組碼的形式,之後再將位元組碼解發布來。由於位元組碼是一種與平台無關的...

python系列教程3

宣告 在人工智慧技術教學期間,不少學生向我提一些python相關的問題,所以為了讓同學們掌握更多擴充套件知識更好的理解人工智慧技術,我讓助理負責分享這套python系列教程,希望能幫到大家!由於這套python教程不是要由所寫,所以不如我的人工智慧技術教學風趣幽默,學起來比較枯燥 但它的知識點還是講...

javascript教程系列38 神奇的this

this 是在函式中的 this 的指向 是在函式呼叫的時候決定的 this的指向.誰呼叫這個函式,函式中的this就指向誰 function fn fn this window var obj obj.f fn obj.f this objvar instance new fn new 做的四件事...