用JS改变TAG的样式

最新推荐文章于 2021-06-22 14:49:04 发布

最新推荐文章于 2021-06-22 14:49:04 发布 · 741 阅读

文章标签：

16 篇文章

订阅专栏

js 代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>用JS改变HTML TAG的样式</title>
<style type="text/css">
.profitRed {
background-color: Red;
}
.profitGreen {
background-color: Green;
}
.profitOrange {
background-color: Yellow;
}
</style>
<script language="javascript">
function changeStyle(o) {
var objDest = document.getElementById('div_style');
objDest.innerHTML = o.value;
var v = parseFloat(o.value);
if(v > 0) {
objDest.className = 'profitGreen';
}
if(v == 0) {
objDest.className = 'profitOrange';
}
if(v < 0) {
objDest.className = 'profitRed';
}
}
</script>
</head>
<body>
<div>
数字:<input type="text" value="0" onblur="changeStyle(this);" />
</div>
<div id="div_style"></div>
</body>
</html>