HTML 获取代码中的文本

Question

我已经写了这段代码：

<input id="input" onchange="parseFile(this.files); load();" type="file"><br>
<code id="output"></code>

函数parseFile()（使用nodejs编写）在<code>标签内正确输出一些json数据。这些信息显示在显示屏中，然后我需要将它们加载到数组中。所以我称函数加载为：

  function load() {

   var dati = document.getElementById('output').innerHTML;
   var myObject = JSON.parse(dati);

   for (var i = 0; i < jsonData.counters.length; i++) {
    var counter = jsonData.counters[i];
    console.log(counter.counter_name);
   }

  }

我该怎么做？我需要创建一个数组，其中包含从写入<code> 的 parseFile 函数创建的 json 数据。我需要从代码标签中提取数据。似乎如果我用输入之类的其他东西更改<code>，我看不到结果。

出于这个原因，我需要使用<code> 标签。任何想法？我不是 node 和 javascript 方面的专家。

---

JSON 输出示例：

{ "encryptionConstant": 884583747, "dexNo": 143, "heldItemId": 218, "tid": 26197, "sid": 33357, "exp": 65090, "abilityId": 47, "abilityNum": 2, "superTrainingHitsRemaining": 0, "superTrainingBag": 0, "pid": 1664894422, "natureId": 22, "isFatefulEncounter": false, "gender": "M", "formId": 0, "evHp": 0, "evAtk": 22, "evDef": 110, "evSpe": 2, "evSpAtk": 12, "evSpDef": 0, "contestStatCool": 0, "contestStatBeauty": 0, "contestStatCute": 0, "contestStatSmart": 0, "contestStatTough": 0, "contestStatSheen": 0, "hasCircleMarking": false, "hasTriangleMarking": false, "hasSquareMarking": false, "hasHeartMarking": false, "hasStarMarking": false, "hasDiamondMarking": false, "pokerusDuration": 0, "pokerusStrain": 0, "medalData": 0, "ribbonData": 0, "contestMemoryRibbonCount": 0, "battleMemoryRibbonCount": 0, "distributionSuperTrainingFlags": 0, "nickname": "굃㒹", "move1Id": 667, "move2Id": 111, "move3Id": 133, "move4Id": 122, "move1Pp": 10, "move2Pp": 40, "move3Pp": 20, "move4Pp": 30, "move1Ppu": 0, "move2Ppu": 0, "move3Ppu": 0, "move4Ppu": 0, "eggMove1Id": 0, "eggMove2Id": 0, "eggMove3Id": 0, "eggMove4Id": 0, "canDoSecretSuperTraining": false, "ivHp": 5, "ivAtk": 24, "ivDef": 15, "ivSpe": 7, "ivSpAtk": 28, "ivSpDef": 21, "isEgg": false, "isNicknamed": false, "notOt": "굃㒹", "notOtGender": "M", "currentHandlerIsOt": true, "geoLocation1RegionId": 0, "geoLocation1CountryId": 0, "geoLocation2RegionId": 0, "geoLocation2CountryId": 0, "geoLocation3RegionId": 0, "geoLocation3CountryId": 0, "geoLocation4RegionId": 0, "geoLocation4CountryId": 0, "geoLocation5RegionId": 0, "geoLocation5CountryId": 0, "otGender": "M"}

这基本上是一个数据列表，没有嵌套数组。就像：

{
 "id": value, 
 "id2": value2,
 "id3": value3
}

Answer 1

可以在纯js中使用array.push方法

array.push(item1, item2, ..., itemX)

在循环中看起来像这样

function arrayPushTest() {
    var arrayName = [];
    for (var i = 1; i <= 3; i++) {
        arrayName.push(i);
    }
    alert(arrayName);
}