一,web apiapi是一些預先定義的函式,目的是提**用程式與開發人員基於某軟體或硬體得以訪問一組例程的能力,而又無需訪問原始碼,或理解內部工作機制的細節。
1, 任何開發語言都有自己的api
2, api的特徵輸入和輸出(i/o)
3,api的使用方法(console.log())
瀏覽器提供的一套操作瀏覽器功能和頁面元素的api(bom和dom)
二,js組成
ecmascript + dom +bom
dom組成部分
dom事件三要素:元素,事件方式,事件執行函式
三,dom操作
1,id獲取元素
2,點選事件
3,innertext獲取文字內容
4,根據標籤名獲取元素
document.getelementsbytagname("標籤的名字")
獲取元素為偽陣列
擁有length屬性,(索引為非負整數)不具有陣列所具有的方法
偽陣列,就是像陣列一樣有 length 屬性,也有 0、1、2、3等屬性的物件,看起來就像陣列一樣,但不是陣列
5,事件中的this
當在事件中表示當前元素的時候,可以使用this
6,dom中樣式屬性與樣式操作
表單元素(可直接操作)
href、title、id、src、classname width height等等
其他屬性(需要加上style)
style 方式需要加px 屬性不需要加px
凡是css中這個屬性是多個單詞的寫法,在js**中dom操作的時候.把-乾掉,後面的單詞的首字母大寫即可
DOM 基本操作
關於dom 1.html 文件可以看成是一棵樹,其中的內容是這棵樹的節點 2.dom 樹上的節點之間有父子關係 兄弟關係 3.節點之間還有順序關係 4.可以通過對 dom 樹的操作來修改 html 文件 文件處理 1.內部插入 培訓 3 prepend content 向每個元素內部的前部新增 di...
DOM基本操作
獲取節點的屬性 1.獲取div的上乙個節點 div.previoussibling 2.獲取div的上乙個標籤節點 div.previouselementsibling 3.獲取div的下乙個節點 div.nextsibling 4.獲取div的下乙個標籤節點 div.nextelementsibl...
dom基本操作
document htmldocument.prototype document.prototype 封裝children方法 element.prototype.mychildren function return arr function retsibling e,n else n else e...