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

JavaScript-href値を取得

URLが次のアンカータグがあるとします-

<a class="demo" title="get the url" href="./mainPage.jsp/1245">href value at console</a>

URL値、つまりhref属性値のみを取得する必要があります。これには、attr（）-

を使用します 
attr('href')

例

以下はコードです-

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
</head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<body>
   <ul class="getURLDemo">
      <li>
         <a class="demo" title="get the url" href="./mainPage.jsp/1245">href value at console</a>
      </li>
   </ul>
</body>
<script>
   var hrefValue = $('ul.getURLDemo li a.demo').attr('href');
   console.log(hrefValue);
</script> 
</html>

上記のプログラムを実行するには、ファイル名「anyName.html（index.html）」を保存します。ファイルを右クリックし、VSCodeエディターで[LiveServerで開く]オプションを選択します-

出力

これにより、コンソールに次の出力が生成されます-

JavaScript-href値を取得

コンソールの出力-

JavaScript-href値を取得


  1. JavaScript-URLからGETパラメータの値を知る

    JavaScriptのURLからGETパラメータの値を知るためのコードは次のとおりです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style

  2. JavaScriptでCSSプロパティの現在の値を取得する方法は？

    getComputedStyle（）メソッドは、ターゲット要素に適用されたすべてのスタイルを含むオブジェクトを提供します。 例 次の例は、JavaScriptを使用してCSS変数を取得および設定する方法を示しています。 <!DOCTYPE html> <html> <head> <style> div {    margin: 4%;    padding: 4%;    width: 50%;    text-align: center;