js 提取行間元素

2022-02-15 21:28:25 字數 1707 閱讀 1580

style操作無論是讀還是寫,都是在行間body進行操作,而不是樣式表style

樣式優先順序:

行間》id>class>標籤》萬用字元*

對於以個同乙個元素,要麼只動class,要麼只動style,不要出現混亂。

提取行間事件

window.onload載入完整個頁面之後再來執行其中的**

行為樣式結構三者分錄

別加行間樣式,別加行間js事件

給元素新增事件

onclick是按鈕的乙個屬性,他一定要接受乙個函式

window.onload的作用看**試一下:

html**:

1

doctype html

>

2<

html

lang

="en"

>

3<

head

>

4<

meta

charset

="utf-8"

>

5<

title

>title

title

>

6<

script

>

7window.onload

=function

();12

};13

script

>

14head

>

1516

<

body

>

17body

>

18<

input

id="btn1"

type

="button"

value

="按鈕"

/>

19html

>

view code

輸出四個紅色方框。

html**:

1

doctype html

>

2<

html

lang

="en"

>

3<

head

>

4<

meta

charset

="utf-8"

>

5<

title

>title

title

>67

<

style

>

8div

15style

>

1617

<

script

>

18window.onload

=function

() 24

script

>

2526

head

>

2728

<

body

>

29<

div>

div>

30<

div>

div>

31<

div>

div>

32<

div>

div>

33body

>

3435

html

>

view code

提取行間事件

提取行間事件 實際上onclick也如同value一樣,只是這個button按鈕的乙個屬性而已,那麼我們也可以這樣寫 在input裡面不寫onclick 如果你把這段js 提到head裡面,你會發現出錯了,問題出在哪兒呢?其實當它要彈出這個對話方塊的時候body部分還沒有載入,也就是說,這行 語句 ...

js 獲取非行間樣式

1 getcomputedstyle nodeobj,false 該方法是bom物件,第乙個是要獲採樣式的節點物件 第二個可以寫成任何的字元一般寫成false或者null,這裡最好是用false因為用null ie9 會有問題 後面直接跟要獲取的樣式 寫在方括號中 即可 var style getc...

js入門知識(非行間樣式 陣列)

1 函式返回值 arguments 2 非行間樣式 currentstyle 當樣式不在行內時,如 在中 currenstyle ie中相容 getcomputedstyle 函式,false 火狐 谷歌相容 3 陣列基礎知識 定義 var a 1,2,3 新增刪除陣列 push 給尾部新增 pop...