JavaScript获取元素标签

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