通過dom改變css,html

2022-06-16 13:48:12 字數 2838 閱讀 8584

控制代碼dom監聽事件

document.getelementbyid("btn").addeventlistener("click",

function()

);

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

meta

name

="viewport"

content

="width=device-width, initial-scale=1.0"

>

<

title

>document

title

>

head

>

<

body

>

<

p id

="div"

>hello

p>

<

button

onclick

="demo()"

>按鈕1

button

>

<

button

id="btn"

>按鈕2

button

>

<

button

id="btn_many"

>新增多個控制代碼事件

button

>

<

script

>

//以前的監聽

function

demo()

//控制代碼式監聽

document.getelementbyid(

"btn

").addeventlistener(

"click",

function

() );

//宣告多個控制代碼

varx

=document.getelementbyid(

"btn_many");

x.addeventlistener(

"click

",hello);

x.addeventlistener(

"click

",world);

//移出控制代碼

x.removeeventlistener(

"click

",hello);

function

hello()

function

world()

script

>

body

>

html

>

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

meta

name

="viewport"

content

="width=device-width, initial-scale=1.0"

>

<

title

>document

title

>

<

style

>

.div

style

>

head

>

<

body

>

<

div

id="div"

class

="div"

>通過dom改變樣式

div>

<

p id

="pid"

>改變html

p>

<

button

onclick

="demo()"

>改變顏色

button

>

<

button

onclick

="demo1()"

>改變內容

button

>

<

script

>

function

demo()

function

demo1()

script

>

body

>

html

>

------------------------

#### 通過dom物件改變css

-------------------------------

#### 通過dom操作html

document.write("hello");

function demo1()  

相容不同瀏覽器的事件(ie8一下) 

var btn1 = document.getelementbyid("btn1");

if(btn1.addeventlistener)else if(btn1.attachevent)else        

function demo()

CSS HTML 改變滑鼠指標形狀

改變滑鼠指標形狀的方法有兩種 第一種 用的來改變滑鼠指標形狀。另一種是 利用第三方控制項的方法,而我自己最常用的是第一種 用css樣式表來改變滑鼠指標形狀 我們先來看第一種 用來改變滑鼠指標形狀。有些時候我們並不需要文字,加鏈結,而且還想要加鏈結時的滑鼠樣式。這就用到了我們的css樣式表來滑鼠指標形...

CSS HTML 改變滑鼠指標形狀

改變滑鼠指標形狀的方法有兩種 第一種 用的來改變滑鼠指標形狀。另一種是 利用第三方控制項的方法,而我自己最常用的是第一種 用css樣式表來改變滑鼠指標形狀 我們先來看第一種 用來改變滑鼠指標形狀。有些時候我們並不需要文字,加鏈結,而且還想要加鏈結時的滑鼠樣式。這就用到了我們的css樣式表來滑鼠指標形...

通過JS改變HTML

利用來js控制頁面控制項顯示和隱藏有兩種方法,兩種方法分別利用html的style中的兩個屬性,兩種方法的不同之處在於控制項隱藏後是否還在頁面上佔空位。document.getelementbyid eleid style.visibility hidden document.getelementb...