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

HTML属性tabindexが存在するかどうかをテストし、値を取得します

HTML属性の値を取得するには、次のことを試してください。

$("#demo").attr("tabindex")

attr（）メソッドを使用して、一致したセットの最初の要素から属性の値をフェッチするか、一致したすべての要素に属性値を設定することができます。

hasAttribute（）メソッドを使用して、要素の属性があるかどうかを確認することもできます。

例

次のコードを実行して、hasAttribute（）メソッドの使用方法を学習してください。

<!DOCTYPE html>
<html>
   <head>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <script>
         $(document).ready(function(){
            $('button').on('click', function() {
               if (this.hasAttribute("style")) {
                  alert('True')
               } else {
                  alert('False')
               }
            })
         });
      </script>
   </head>

   <body>
      <button class = 'button' style = 'background-color:blue;'>
         Button
      </button>
      <button class = 'button'>
         Button 2
      </button>
   </body>
</html>

  1. HTML値属性

    HTML value属性は、HTMLドキュメント内のHTML要素の初期値を定義します。 ボタン、入力、メーター、li、オプション、進行状況に適用できます。 およびparam HTML要素。 構文 以下は構文です- <tagname value=”text”></tagname> HTML値の属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style>    body {       color: #000;   &n

  2. HTMLtabindex属性

    HTML tabindex属性は、HTMLドキュメント内の要素のタブ順序を定義します。これはグローバル属性であり、任意のHTML要素で使用できることを意味します。 構文 以下は構文です- <tagname tabindex=”number”></tagname> 例 HTMLのtabindex属性の例を見てみましょう- <!DOCTYPE html> <html> <style>    body {       color: #000;   &nb