繁体   English   中英

在JavaScript中使用span标签修改html中的内容 <p> 标签

[英]Using span tag in JavaScript to modify contents inside html <p> tags

假设我们有以下代码:

<html>
<body>
<p id="income"></p>
</body>
<script>
var income = 95350.23
document.getElementById("income").innerHTML = 'Income <span style = "float:right;">' + income + '</span>'
</script>
</html>

我们如何解决此代码? 我正在尝试将内容放入

标记状态:左侧为“收入”,最右侧为95,350.23。

谢谢!

您的代码中有语法错误,您忘记了用+income与字符串的其余部分连接起来。

 var income = 95350.23; document.getElementById("income").innerHTML = 'Income <span style = "float:right;">' + income + '</span>'; 
 <p id="income"></p> 

var income = 95;   
document.getElementById("income").innerHTML = "Income " + "<span style = 
"+"float:right;"+">"+income+"</span>"

change the initialization of income

在这里,我使用方法toLocaleString扩展了@julekgwa的答案,该方法以本地格式输出数字。 请注意输出(逗号和点)。 据我了解,这是您提出的要求。

 var income = 95350.23; document.getElementById("income").innerHTML = 'Income' + '<span style = "float:right;">' + income.toLocaleString('en-US') + '</span>'; 
 <p id="income"></p> 

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM