用CSS或JS如何将调用出来的数值正数和小数各使用不同的样式显示?
比如我调用出来的数值是98.16我需要将正数部份98用一个样式显示字体大小为48px为黄色将小数点和小数部份.16用一个样式显示字体大小为24px为红色一楼的为什么我放上...
比如我调用出来的数值是98.16
我需要将正数部份 98 用一个样式显示字体大小为48px 为黄色
将小数点和小数部份 .16 用一个样式显示字体大小为24px 为红色
一楼的 为什么 我放上我的页面时只显示一点 . 前面和后面的数字都没显示出来
二楼的 没错就是我想要的,还有个问题,就是当数值为0(零)时不显示出来代码又是怎样呢?二楼的现在是当数值为0时就会显示 0.0 展开
我需要将正数部份 98 用一个样式显示字体大小为48px 为黄色
将小数点和小数部份 .16 用一个样式显示字体大小为24px 为红色
一楼的 为什么 我放上我的页面时只显示一点 . 前面和后面的数字都没显示出来
二楼的 没错就是我想要的,还有个问题,就是当数值为0(零)时不显示出来代码又是怎样呢?二楼的现在是当数值为0时就会显示 0.0 展开
3个回答
展开全部
<style type="text/css">
<!--
/*红色*/
.hongs {
color: #FF0000;
font-size: 24px;
}
/*黄色*/
.huangs {
font-size: 48px;
color: #FFCC00;
}
-->
</style>
<span class="huangs" id='zs'></span>
<span class="hongs" id='xs'>.</span>
<script language="javascript">
function $id(id)
{
return document.getElementById(id);
}
var ccb='96.78';//这是你调用的数值，具体你自己更改
shuzhi = ccb.split(".");
blah1=shuzhi[0];
blah2=shuzhi[1];
$id("zs").innerHTML = blah1;
$id("xs").innerHTML = '.'+blah2;
</script>
自己调试，我试了没问题
<!--
/*红色*/
.hongs {
color: #FF0000;
font-size: 24px;
}
/*黄色*/
.huangs {
font-size: 48px;
color: #FFCC00;
}
-->
</style>
<span class="huangs" id='zs'></span>
<span class="hongs" id='xs'>.</span>
<script language="javascript">
function $id(id)
{
return document.getElementById(id);
}
var ccb='96.78';//这是你调用的数值，具体你自己更改
shuzhi = ccb.split(".");
blah1=shuzhi[0];
blah2=shuzhi[1];
$id("zs").innerHTML = blah1;
$id("xs").innerHTML = '.'+blah2;
</script>
自己调试，我试了没问题
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<title>By Qmlu</title>
<style>
.integral { font-size:30px; color:red;}
.decimal { font-size:18px; color:green;}
</style>
</head>
<body>
<p class="num">1234567.45678</p>
<p class="num">0</p>
<p class="num">123</p>
<p class="num">3.1415926</p>
<script>
var tags = document.getElementsByTagName('p');
for(var i = 0, len = tags.length; i < len; i++) {
var num = tags[i].innerHTML;
if(num.indexOf('.') == -1) {
tags[i].innerHTML = '<span class="integral">' + num + '<\/span>';
} else {
var integral = num.substring(0, num.indexOf('.'));
var decimal = num.substring(num.indexOf('.'));
tags[i].innerHTML = '<span class="integral">' + integral + '<\/span><span class="decimal">' + decimal + '<\/span>';
}
}
</script>
</body>
</html>
因为是通过小数点分割小数的，所以当不是小数的时候就会有问题。
我改了一下。你再看看吧。
不可能。。。
<html>
<head>
<title>By Qmlu</title>
<style>
.integral { font-size:30px; color:red;}
.decimal { font-size:18px; color:green;}
</style>
</head>
<body>
<p class="num">1234567.45678</p>
<p class="num">0</p>
<p class="num">123</p>
<p class="num">3.1415926</p>
<script>
var tags = document.getElementsByTagName('p');
for(var i = 0, len = tags.length; i < len; i++) {
var num = tags[i].innerHTML;
if(num.indexOf('.') == -1) {
tags[i].innerHTML = '<span class="integral">' + num + '<\/span>';
} else {
var integral = num.substring(0, num.indexOf('.'));
var decimal = num.substring(num.indexOf('.'));
tags[i].innerHTML = '<span class="integral">' + integral + '<\/span><span class="decimal">' + decimal + '<\/span>';
}
}
</script>
</body>
</html>
因为是通过小数点分割小数的，所以当不是小数的时候就会有问题。
我改了一下。你再看看吧。
不可能。。。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
Vue实践-CSS样式position/display/float属性对比使用
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
