控制代碼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...