Question

我从页面源获取此值（在页面加载完成后），数据来自后端进程，该进程填充页面上的隐藏文本输入。我希望将这些数据分开，然后以HTML格式显示。

这是“查看页面来源”

中的代码

<input name="hiddenUserStats" type="hidden" id="hiddenUserStats" value="
99.0~35.0~8.0~.0~1.0~6.0~3.0~.0~1.0~3.8~1.8~1.0~.0~16.0" />

在值上，我假设每个.0~分隔我希望分离和显示的真值。有谁知道分离和显示这些数据的最佳步骤是什么？我是否开始在变量中分离它们？

Answer 1

您可以使用split()功能分隔您的统计值。

＆＃13;

var value = document.getElementById('hiddenUserStats').getAttribute('value');

var stats = value.split('~');


for (i = 0; i < stats.length; i++) 
{
  var div = document.createElement('div');
  div.innerText = stats[i];
  document.body.appendChild(div);
}

＆＃13;

<body>
<input name="hiddenUserStats" type="hidden" id="hiddenUserStats" value="
99.0~35.0~8.0~.0~1.0~6.0~3.0~.0~1.0~3.8~1.8~1.0~.0~16.0" />
</body>

＆＃13;

Answer 2

这是使用本机数组方法的另一种方法;

    document.getElementById('hiddenUserStats')
    .getAttribute('value')
    .split('~')
    .map(function(val, i) {
        return '<div>' +  i + ': '+ val + '</div>';
    })
    .forEach(function(el) {
        document.body.innerHTML += el;
    });

如何将数组值与输入分隔为HTML

2 个答案: