javascript - 如何通过类名和存储获取页面中的所有链接

<分区>

你好，我的第一个问题是 Stack overflow，

我想通过它的类名获取页面上的所有链接，将它们存储在一个数组中并将其导出为 Json 格式文件 results.json

我的编程背景是 PHP、C++，并且还在学习 Javascript

这是我要提取链接的文档表单的 html 结构

<div class="_zs fwb" data-bt="{&quot;ct&quot;:&quot;title&quot;}"><a href="https://somedomain.com/someurl?ref=br_rs">Anchor tage</a><span class="_5dgp"></span></div>

我已经对可以通过 queryselectorall() 完成的不同方式进行了一些研究，通过 classname() 获取元素但是接下来我得到了元素但是如何将它们转换为文本并导出到 Json 文件(什么是函数解码) 以及任何用于写入文件的文件读取函数，就像我们在 PHP 中所做的那样？

任何人都可以向我推荐将要与执行此操作的代码示例一起使用的函数吗？

我的流程图:

从具有太平洋类名的页面中提取所有链接 [2] 将它们存储在数组中 [3] 将数组编码为 JSON [4] 将 Json 写入

data.Json file

我知道如何做到这一点，但在找出需要使用的方法、函数以及使用方式时遇到问题

提前致谢

最佳答案

您可以通过以下方式完成:-

选择元素类。
然后使用循环获取类中存在的所有链接。

function getAllLink(){
    var class1 = document.getElementsByClassName('_zs fwb');
    var array1 = [];
    for(i=0;i<class1.length;i++){
        var str = class1[i].getElementsByTagName('a')[0].href;
        var res = str.split("?"); 
        array1.push(res[0]);
    }
    console.log(array1);
}

window.onload = getAllLink();

<div class="_zs fwb" data-bt="{&quot;ct&quot;:&quot;title&quot;}"><a href="https://somedomain.com/someurl?ref=br_rs">Anchor tage</a><span class="_5dgp"></span></div>
<div class="_zs fwb" data-bt="{&quot;ct&quot;:&quot;title&quot;}"><a href="https://somedomain.com/someurl?ref=br_rs">Anchor tage</a><span class="_5dgp"></span></div>
<div class="_zs fwb" data-bt="{&quot;ct&quot;:&quot;title&quot;}"><a href="https://somedomain.com/someurl?ref=br_rs">Anchor tage</a><span class="_5dgp"></span></div>
<div class="_zs fwb" data-bt="{&quot;ct&quot;:&quot;title&quot;}"><a href="https://somedomain.com/someurl?ref=br_rs">Anchor tage</a><span class="_5dgp"></span></div>

关于javascript - 如何通过类名和存储获取页面中的所有链接，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27590366/

上一篇：javascript - 什么是焦点范围？

下一篇：javascript - 输入有值但 ngModel 为空

相关文章：

PHP SQL查询结果

Jquery 1.8.2 和智能电视上的旋转

jquery - 如何使用 jQuery 设置计时器来发送 HTML 表单的 HTTP post 数据

javascript - attr.style 在 angular2 rc1 中不起作用

javascript - JS 在 Monaca 中不起作用(Onsen-ui)

javascript - 将 jQuery 函数导入 Ember 错误 "i is not defined"

javascript - css/javascript : checking pixels of image where hover effect is triggered

javascript - Javascript 中是否需要类？它们对创建对象有什么影响？

php - facebook登录连接mysql

PHP:在命名空间内使用子命名空间类