DOM设置元素样式

2.使用DOM获取元素后,怎么给元素设置样式
语法:ele.style.styleName=styleValue
style前面的ele必需是dom对象
功能:设置ele元素的css样式
说明:
1.ele为要设置样式的DOM对象
2.styleName为要设置的样式名称
这里有一点需要注意的是 不能使用 font-size形式,
只能使用FontSize
3.styleValue为设置的样式值

元素
var box=document.getElementById("box"); console.log(box); box.style.color="#f00"; box.style.fontWeight = "bold"; 获取id为box的元素的文字颜色 特别注意属性是减号连接的复合形式时 比如 font-weight 必需要转换为驼峰形式 fontWeight
语法:ele.style.styleName=styleValue     
特别需要注意的是
style前面的ele必需是dom对象 
功能:设置ele元素的css样式

   
  • 前端
  • UI
  • 后端
var lis = document.getElementById("list").getElementsByTagName("li");//返回数组 for(var i=0,len=lis.length; i

显示不同的背景颜色

var lis = document.getElementById("list").getElementsByTagName("li");
        for(var i=0,len=lis.length;i

你可能感兴趣的:(DOM设置元素样式)