如何使用JavaScript从Tag获取数据

Posted 2021-03-29

我正试图从其他网站获取标签中的一些数据。如何从这个标签内部获取数据？

我的代码：

  <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>

答案

您尝试访问的值（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>

以上是关于如何使用JavaScript从Tag获取数据的主要内容，如果未能解决你的问题，请参考以下文章

如何从Laravel中的数据库中获取数据？

在 Selenium WebDriver 上如何从 Span Tag 中获取文本

如何从对象中获取数据并在html中的元素中分配 - javascript代码[关闭]

获取 mp3 文件元数据

如何使用git获取指定tag的代码

如何通过使用 JavaScript 的 HTTP 请求从 IBM Cloud 获取 JSON 格式的数据？