js API 01 基本dom操作

2022-07-31 05:54:11 字數 827 閱讀 6143

一,web api

api是一些預先定義的函式,目的是提**用程式與開發人員基於某軟體或硬體得以訪問一組例程的能力,而又無需訪問原始碼,或理解內部工作機制的細節。

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...