Question

假设我们有以下代码：

<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>

我们如何修复此代码？我试图将内容置于

标签状态：＆＃34;收入＆＃34;在左边和最右边的95,350.23。

谢谢！

Answer 1

您的代码中存在语法错误，您忘记使用income将+与字符串的其余部分连接起来。

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

<p id="income"></p>

Answer 2

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

change the initialization of income

Answer 3

我在这里用@ toLocaleString方法扩展了@julekgwa的答案，它以本地格式打印出一个数字。请注意输出（逗号和点）。据我了解，这是你问题的要求。

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

<p id="income"></p>

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

3 个答案: