Question

我有一个这样的页面：

当我按下“设置数字列表”按钮时，我想添加一组数字（而不是字符串），但这些数字之间必须有空格。我有我需要的所有HTML内容，但我似乎无法弄清楚这个JavaScript部分。我知道我可以添加这样的数字：

document.getElementById("listNumberButton").value = 1234;

当我点击按钮时，结果将显示在框中，但我已经做了很多搜索，我似乎无法弄清楚如何在它们之间添加带空格的数字，如下所示：

1 2 3 4

Answer 1

将数字转换为字符串，将其拆分为''，并将其与空格连接 - 即

var number = 1234;
var spacedNumber = number.toString().split('').join(' ');

或者，在您的情况下

document.getElementById("listNumberButton").value = 1234..toString().split('').join(' ');

请注意由于具有小数点的数字..：p

Answer 2

试试这段代码：效果很好

 var number="1234";
 number=number.replace(/[^\dA-Z]/g, '').replace(/(.{1})/g, '$1 ').trim();
 answer will be 1 2 3 4

Answer 3

运行此代码段并检查：

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<script>
function myFunction()
{
	var number=document.getElementById("split").value;
 	number=number.replace(/[^\dA-Z]/g, '').replace(/(.{1})/g, '$1 ').trim();
	document.getElementById("result").innerHTML=number;
}
</script>
</head>
<body>
<input type="text" id="split" onkeyup="myFunction()">
<h1 id="result"></h1>
</body>
</html>

如何在两者之间添加空格

3 个答案: