• 油猴(1)


    <div class='post_item'>
      <div class='post_item_body'>
        <h3>
          <a href='//baidu.com'>链接</a>
        </h3>
      </div>
    </div>
    <div class='post_item'>
      <div class='post_item_body'>
        <h3>
          <a href='//baidu1.com'>链接</a>
        </h3>
      </div>
    </div>
    <div class='post_item'>
      <div class='post_item_body'>
        <h3>
          <a href='//baidu2.com'>链接</a>
        </h3>
      </div>
    </div>
    <div class='post_item'>
      <div class='post_item_body'>
        <h3>
          <a href='//baidu3.com'>链接</a>
        </h3>
      </div>
    </div>
    <div class='post_item'>
      <div class='post_item_body'>
        <h3>
          <a href='//baidu4.com'>链接</a>
        </h3>
      </div>
    </div>
      // let els = $('.post_item h3 a').get()
      // // console.log(els)
      // els.forEach(item=>{
      //   console.log(item.href)
      // })
    
      // console.log(document.querySelector('a').tagName)
      let els = document.querySelectorAll('.post_item')
      let elArr = Array.from(els)
    
      let isArray = function (b) {
        return Object.prototype.toString.call(b).slice(8, -1) === 'Array'
      }
    
      function findHref(arrays) {
        if (isArray(arrays) && arrays.length) {
          Array.from(arrays).forEach(item => {
            if (item.tagName === 'DIV') {
              findHref(Array.from(item.children))
            } else if (item.tagName === 'H3') {
              findHref(Array.from(item.children))
            } else {
              console.log(item.href)
            }
          })
        }
      }
    
      findHref(elArr)

     油猴代码

    // ==UserScript==
    // @name         博客园首页a链接地址
    // @namespace    http://tampermonkey.net/
    // @version      0.1
    // @description  博客园首页a链接地址
    // @author       You
    // @match        https://www.cnblogs.com/legacy
    // @icon         https://www.google.com/s2/favicons?domain=undefined.localhost
    // @require      http://code.jquery.com/jquery-migrate-1.2.1.min.js
    // @grant        none
    /* globals jQuery, $, waitForKeyElements */
    // ==/UserScript==
    
    (function() {
        'use strict';
        let els = $('.post_item h3 a').get()
        els.forEach(item=>{
            console.log(item.href)
        })
        // Your code here...
    })();

     原生方法

      let els = document.querySelectorAll('.small-item a')
      els.forEach(item=>{
        console.log(item.href)
      })
  • 相关阅读:
    JavaScript中的编码函数
    Redis 客户端命令总结
    Java 实现网络图片的读取与下载
    JavaScript实现单张图片上传功能
    HTML+CSS实现页面豆腐块布局和图片居中
    Java 获取当前项目所在服务器的 IP 地址
    JavaScripts中关于数字的精确计算方法
    遍历HashMap的四种方法
    java中URL 的编码和解码函数
    equals ==
  • 原文地址:https://www.cnblogs.com/ronle/p/15813093.html
Copyright © 2020-2023  润新知