1. ホーム
  2. フロントエンド
  3. js

JS(ネイティブjs、jqメソッド)要素属性(カスタム属性)取得、属性(カスタム属性)削除

2022-01-22 09:51:39

JS(ネイティブjs、jqメソッド)要素属性(カスタム属性)取得、属性(カスタム属性)削除 <ボタン

以下の内容です。

I. 要素の属性を取得する

II. 要素の属性の設定

III. 要素の属性の削除

I. 要素の属性の取得 <ボタン

1-ネイティブJS

GetAttribute .getAttribute("attribute")

2-jquery

Get attribute .attr("attribute")

サンプルコード

/*jq get attribute*/
    var temp = $('.test1').attr('class');
/*js get attribute*/
    var temp = document.getElementById('test1').getAttribute('data');

II. 要素の属性の設定

1 - ネイティブJS

setAttribute .setAttribute("attribute","value")

2-jquery undefined