如何使用 JavaScript 从标签中获取数据答案

【问题标题】：How to get data from Tag with JavaScript如何使用 JavaScript 从标签中获取数据
【发布时间】：2018-02-28 21:13:32
【问题描述】：

我正在尝试从另一个站点获取标记中的一些数据。如何从此标签内部获取数据？

我的代码：

  <span id="duKaina">Kaina</span>
  <script>
    var url = 'http://www.eso.lt/lt/namams/elektra/tarifai-kainos-atsiskaitymas-ir-skolos/kiek-kainuoja-elektra-2017-m..html';
    var inputs = document.getElementsByTagName('h2');
    var input = inputs[14];
    
    var request = new XMLHttpRequest();
    request.open('GET', url);
    request.responseType = 'document';
    
    request.onload = function sdas(){
      inputs.textContent = request.response;
    };
    
    request.send();
    document.getElementById('duKaina').innerHTML = input;
    console.log(input);
  </script>
  
</body>
</html>

【问题讨论】：

尝试使用input.textContent 而不是inputs.textContent。
您访问的是inputs.textContent，而不是单个input。所以你不能在节点列表上使用.textContent
但控制台日志也未定义
inputs[14] 不存在 - 响应为 { "length": 0, "item": function item() { [native code] }, "namedItem": function namedItem() { [native code] } }
谢谢你们的帮助！但我看到我被这种情况困住了。我正在尝试做什么，我正在选择所有 H2 标签并想从其中一个标签中获取数字，我应该如何正确地做到这一点？

标签： javascript api dom tags

【解决方案1】：

您尝试访问的值 (inputs[14]) 不存在：

  <span id="duKaina">Kaina</span><br>
  <span id="test">Kaina</span>
  <script>
    var url = 'http://www.eso.lt/lt/namams/elektra/tarifai-kainos-atsiskaitymas-ir-skolos/kiek-kainuoja-elektra-2017-m..html';
    var inputs = document.getElementsByTagName('h2');
    var input = inputs[14];
    
    var request = new XMLHttpRequest();
    request.open('GET', url);
    request.responseType = 'document';
    
    request.onload = function sdas(){
      inputs.textContent = request.response;
    };
    
    request.send();
    document.getElementById('duKaina').innerHTML = input;
    document.getElementById('test').innerHTML = inputs['length'];
    console.log(input);
    console.log(inputs);
    console.log(inputs[14]);
    console.log(inputs['length']);
  </script>
  
</body>
</html>

【讨论】：