<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8">
<title>无标题文档</title>
<script type="text/javascript">
function cStyle(obj){
document.getElementById(obj).style.background="red"
}
</script>
</head>
<body>
<table border="1">
<tr><th>dfffffffff</th></tr>
<tr id="wc"><td>1111</td></tr>
</table>
<a href="javascript:cStyle('wc')">Change Style for TR</a>
</body>
</html>
1、首先开始新建html文件。
2、然后创建一个三行三列的表格。
3、接下来开始创建js函数。
4、接下来开始进行定义变量获取行。
5、然后就将函数加在按钮上。
6、就可以看到预览效果如图。
7、最后点击第二个按钮删除 第二行。
1、字体大小：font-size注意，实际上它设置的是字体中字符框的高度；实际的字符字形可能比这些框高或矮（通常会矮）。
也可直接用像素设置：比如12px,或者em.
2、字体颜色：color
//示例
body{color:red}
h1{color:#00ff00}
p{ color:rgb(0,0,255)}
这个属性设置了一个元素的前景色（在 HTML 表现中，就是元素文本的颜色）；光栅图像不受 color 影响。这个颜色还会应用到元素的所有边框，除非被 border-color 或另外某个边框颜色属性覆盖。
3、拓展-字体大小也可以使用font属性设置
/*示例*/
p.ex2{ font:italic bold 12px/20px arial,sans-serif}
font 简写属性在一个声明中设置所有字体属性。
这个简写属性用于一次设置元素字体的两个或更多方面。使用 icon 等关键字可以适当地设置元素的字体，使之与用户计算机环境中的某个方面一致。注意，如果没有使用这些关键词，至少要指定字体大小和字体系列。
可以按顺序设置如下属性：
font-style
font-variant
font-weight
font-size/line-height
font-family
可以不设置其中的某个值，比如 font:100% verdana也是允许的。未设置的属性会使用其默认值。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）