核心(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 做的四件事...