js通过id修改HTML,JavaScript通过元素的ID和name设置样式

1、说明

(1)根据所提供的元素的id值，返回对该元素的引用或节点

document.getElementById("tr_th")

(2)根据参数中的标记，返回对一组元素的引用或节点

document.getElementsByTagName("td")

2、实现源码

JavaScript通过ID和name设置样式

#tr_th,tr td{

border: 1px #CCCCCC solid;

}

/**

* JavaScript通过ID和name设置样式

*/

function setFontColor()

{

//获取table中的表头ID

var tabId = document.getElementById("tr_th");

//设置表头文字颜色

tabId.style.color = "yellow";

//获取table中的td

var tabName = document.getElementsByTagName("td");

//计算出td的个数

var len = tabName.length;

//遍历table中的td，并设置td中的内容颜色

for(var i=0;i

{

tabName[i].style.color = "blue";

}

}

工号	姓名	年龄	性别
2012010101	张三三	23	男
2012010102	柳丝丝	20	女

3、实现结果

(1)初始化时

(2)单击“设置颜色”按钮