[英]Taking a HTML form <input> value and using it to modify a <p> tag with Javascript
[英]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.