documentgetElementById("fLuck")innerHTML = "<font style='color:#000000;font-weight:bold;'>已结束</font>请刷新"
这样就可以了
color:#000000;前面换成单引号，不然会分成前后两句documentgetElementById("p1")stylefontSize="13px";
documentgetElementById("p1")stylefontFamily="your font";<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">我的做法是：
假如你所说的那段文字放在一个DIV里，DIV的class属性就是定义DIV容器里的元素的样式的，id就是给javascript获取到该元素的。获取到之后通过改class属性，就相当于改了div里的样式
<html>
<head>
<style type="text/css">
style1{font-size:12px; font-weight:blod; color:red}
style2{font-size:14px; font-weight:blod; color:blue}
</style>
<script language="javascript" type="text/javascript">
function change(){
documentgetElementById("myword")className= "style2";
}
</script>
</head>
<body>
<div><a href="#" class="style1" id="myword" onclick="change()">我是DIV里的文字</a></div>
</body>
</html>整个h2写进去就可以了：
documentwrite(`<h2><p style="font-family:kaiti;color:Lavender">文本</p></h2>`)<a href="" id="aa">abcdef</a>
<script>
documentgetElementById("aa")stylecolor="#FF0000";
</script>
修改 column_num 的值对应你 table 中的列数，下例检查的是第二列
<script type="text/javascript">windowonload = function() {
// 第二列
var column_num = 2;
// 获取元素
var table = documentgetElementById("table"),
rows = tablegetElementsByTagName("tr");
// 循环表格
for(var i = 0; i < rowslength; i++) {
var cells = rows[i]getElementsByTagName("td");
for(var c = 0; c < cellslength; c++) {
// 对应列
if(c + 1 === column_num
// 判断是否小于 0
&& parseFloat(cells[c]innerHTML) < 0) {
// 两者均成立，改变颜色
rows[i]stylecolor = "#f00";
// 检查下一行
break;
}
}
}
};
</script>
BBB 和 CCC 这两行会变成红色
<table border="1" id="table"><tr><td>AAA</td><td>124</td><td>XXX</td></tr>
<tr><td>BBB</td><td>-66</td><td>YYY</td></tr>
<tr><td>CCC</td><td>-95</td><td>ZZZ</td></tr>
</table>
如果你使用 jQuery，那可以更简单一些。没有的话就用上面的原生 JavaScript 代码。
$(function() {$("#table tr td:nth-child(2)")each(function() {
if(parseFloat($(this)text()) < 0) {
$(this)parent()css("color", "#f00");
}
});
});<HTML>
<HEAD>
<STYLE type="text/css">
bfont {font-size:20px;}
nfont {font-size:16px;}
sfont {font-size:12px;}
cdiv {font-size:12px;}
cdiv span {cursor:hand;text-decoration:underline;color:blue;}
</STYLE>
<TITLE>js改变字体大小</TITLE>
</HEAD>
<BODY id = pgcontent class = nfont>
<div class = cdiv>
<span onclick= "pgcontentclassName='bfont';">大字体</span> |
<span onclick= "pgcontentclassName='nfont';">中字体</span> |
<span onclick= "pgcontentclassName='sfont';">小字体</span>
</div>
<p>点击上面的“大字体”，“中字体”，“小字体”，可以相应改变字体大小。</p>
</BODY>
</HTML>
如果要修改颜色可以直接改样式就可以了。比如：
bfont {font-size:20px;}可以改成：
bfont {font-size:20px;color:blue;}
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）