<!
DOCTYPE html
>
<
html
lang
=
“en”
>
<
head
>
<
meta
charset
=
“UTF-8”
>
<
meta
name
=
“viewport”
content
=
“width = device-width,initial-scale = 1.0”
>
<
meta
http-equiv
=
“X-UA-Compatible”
content
=
“ie = edge”
>
<
title
>
文档
</
title
>
<
style
>
.box
{
宽度
:
200px
;
height
:
200px
;
/ *选取原谅色* /
背景颜色
:
greenyellow
;
}
<
/
style
>
</
head
>
<
body
>
<
button
class
=
“box”
id
=
“btn”
name
=
“abc”
>
按钮
</
button
>
<
script
>
//尽量少用类名来获取标签,
//类名有多个,而ID获取标签可以唯一确定一个元素
var
btns
=
文档
。
getElementsByClassName
(
box
);
//类名和ID获取标签,只能够二选一
var
btn
=
文档
。
getElementById
(
'btn'
);
btn
。
风格
。
backgroundColor
=
'绿色'
<
/
script
>
</
body
>
</
html
>