将 DIV 中的每个数字更改为自己的变量

Question

这是我当前的代码

这里具体是JavaScript部分

function readBlob(opt_startByte, opt_stopByte) {

var files = document.getElementById('files').files;
if (!files.length) {
    alert('Please select a file!');
    return;
}

var file = files[0];
var start = parseInt(opt_startByte) || 0;
var stop = parseInt(opt_stopByte) || file.size - 1;
var reader = new FileReader();

// If we use onloadend, we need to check the readyState.
reader.onloadend = function(evt) {
    if (evt.target.readyState == FileReader.DONE) { // DONE == 2
        document.getElementById('byte_content').textContent = evt.target.result;
    }
};

var blob = file.slice(start, stop + 1);
reader.readAsBinaryString(blob);
}

document.querySelector('.readBytesButtons').addEventListener('click', function(evt) {
    if (evt.target.tagName.toLowerCase() == 'button') {
        var startByte = evt.target.getAttribute('datastart');
        var endByte = evt.target.getAttribute('dataend');
        readBlob(startByte, endByte);
    }
}, false
);

它还需要一个常规的旧 .txt 文件，其中包含以下内容 - http://textuploader.com/5ucnk

一切都很顺利，您上传 .txt 文件，单击 "code" 按钮，它会为您提供十个两位数的数字。

但是，我无法解决 DIV 中的各个两位数。有没有办法对 DIV 的内容进行分段，以便我可以将每组数字作为自己的变量进行操作？

例如，假设我想创建一个按钮，当按下该按钮时，序列的第一个数字增加 1。数字由文本文件中的内容决定。我想 "parseInt" 会在这里发挥作用，但我真的只是想看看是否有一种方法可以控制 BLOB 函数的输入（以便它可能将每组两位数分散到一个单独的范围内？ ) 或者只是找到一种方法来将 DIV 中的每个特定两位数作为变量进行寻址。

有人在之前 post 中建议我使用

var obj = {X:void 0, Y:void 0};
var res = document.querySelector("div").textContent.match(/\d+/g);
Object.keys(obj).forEach(function(val, i) {
  obj[val] = res[i]
});

然而，尽管更改了 "div" 名称，但将其附加到我的 JavaScript 后，破坏了我的代码。

我真的遇到了这个问题，所以任何帮助将不胜感激。

Answer 1

你是想做这样的事情吗？

基本上，div 的内容被解析为一个名为 z 的数字数组，可以像任何其他数组一样访问它。

var z=document.querySelector('div').innerText
              .split(/\n/g)
              .filter(function(x){
                return !isNaN(x)&&x.replace(/\s/g,'')!=''; //remove non-integers
              });

//test to see that this works
document.querySelector('span').innerHTML='<pre>variable "z" is set to: '+JSON.stringify(z);

<div><pre>This is a save file for LevelUp. 
07
10
20
31
41
59
26
53
54
97</pre><div>
<span></span>

将 DIV 中的每个数字更改为自己的变量

Change each number within a DIV into its own variable

javascript

jquery

blob