JavaScript通过元素的身份和名字设置样式

1、说明

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

文件。getelementbyid(' tr _ th ')(2)根据参数中的标记，返回对一组元素的引用或节点

文件。getelementsbytagname(' TD ')2、实现源码

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8'/titleJavaScript通过身份和名字设置样式/title style type=' text/CSS ' # tr _ th，tr td{ border: 1px #CCCCCC固体；}/样式脚本类型=' text/JavaScript '/* * * JavaScript通过身份和名字设置样式*/函数setFontColor() { //获取桌子中的表头ID var taBid=文档。getelementbyid(' tr _ th ')；//设置表头文字颜色tabId.style.color='黄色；//获取桌子中的TD var Tabname=文档。GetElementsBytagname(' TD ')；//计算出任务描述的个数var len=tabName.length//遍历桌子中的td，并设置任务描述中的内容颜色for(var I=0；伊琳；I){ Tabname[I]。风格。颜色='蓝色'；} }/script/head body表格单元格填充=' 1 '单元格间距=' 0 '样式='边框：1 px # CCCCCC实心；宽度：50%;'文本对齐：中心；tr id='tr_th' th工号/th姓名/th年龄/th性别/th /tr tr td2012010101/td td张三三TD/td23/TD男TD/tr/tr柳丝丝TD/td20/TD女/td /tr /table输入类型='按钮'值='设置颜色onclick=' SetFontColor()'//body/html

3、实现结果

(1)初始化时

(2)单击"设置颜色"按钮