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

JavaScriptの要素のクラス属性ノードの値？

Javascript getAttributeNode（）を提供しました 属性ノードを見つける方法 属性オブジェクトとして、要素の指定された名前を使用します 。 属性の場合 存在しない場合、戻り値は null または空の文字列（ ""） 。

構文

element.getAttributeNode(attributename);

属性オブジェクトを返します 指定された属性ノードを表す

例

次の例では、2つの見出しタグがあります 異なるクラス 。 getAttributeNode（）によってアクセスされたときのこれらのタグ アタッチした属性クラスを返すことができます。配列と同じように機能します。複数のクラスにアクセスするには、インデックス番号を指定する必要があります。

<html>
<body>
<h2 class="class1">Tutorix</h2>
<h2 class="class2">Tutorialspoint</h2>
<p id = "attribute"></p>
<script>
   var elmnt = document.getElementsByTagName("h2")[1];
   var value = elmnt.getAttributeNode("class").value;
   document.getElementById("attribute").innerHTML = value;
</script>
</body>
</html>

出力

Tutorix
Tutorialspoint
class2

  1. JavaScriptの特定の要素の子ノードを削除しますか？

    削除するには リストの子ノードjavascript removeChild（）を提供しました 方法。このメソッドを使用すると、インデックス位置を使用してリストアイテムを削除できます。 。一言で言えばそれについて話し合いましょう。 構文 node.removeChild(node); 例-1 次の例では、3つの要素があります 提供されたリストにありますが、子を削除した後、リストには2つの要素しかなく、それらは出力に表示されました。 <html> <body> <ul id = "list"><li>Tesla</li&

  2. JavaScriptを使用して現在の要素にアクティブなクラスを追加するにはどうすればよいですか？

    JavaScriptを使用して現在の要素にアクティブなクラスを追加するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    .btn {       border: none;       outline: non