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