Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptを使用してWebページ上のすべてのリンクを検索する方法

ウェブサイトからすべてのリンクを取得し、コンソールへのリンクを印刷する方法を学びます。

JavaScriptを使用してWebページ上のすべてのリンクを検索する方法

コード

var links = document.querySelectorAll("a");

for (var i = 0; i < links.length; i++) {
  var link = links[i].getAttribute("href");
  console.log(link);
}

ヒント:たとえば、取得したいだけの場合(Webページ全体ではなく)記事コンテナ要素からのリンクの場合は、セレクターメソッドをより具体的にする必要があります。例えば。リンクを取得する記事のクラスが.articleの場合 :

var articleLinks = document.querySelectorAll(".article a");

そのコードはより具体的です。アンカー要素aからのリンクのみを取得します クラス.articleの親要素内 。


  1. 要素がJavaScriptで非表示になっているかどうかを確認するにはどうすればよいですか?

    JavaScriptで要素が非表示になっているかどうかを確認するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva,

  2. JavaScriptを使用してWebページのpタグの配列のすべての値を表示します

    これには、.data(anyArrayObject)を使用できます。以下はコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <title>Document</title> <link rel=&q