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>