Kaedah getAttributeNode() HTML DOM-html tutorial-php.cn

Kaedah getAttributeNode() HTML DOM

WBOY

Lepaskan： 2023-08-26 13:21:10

ke hadapan

1240 orang telah melayarinya

HTML DOM getAttributeNode() digunakan untuk mengembalikan nod atribut bagi elemen yang diberikan sebagai objek Attr. Anda boleh memanipulasi atribut menggunakan pelbagai sifat dan kaedah objek Attr.

Syntax

Berikut ialah sintaks kaedah getAttributeNode() -

element.getAttributeNode(attributename)

Salin selepas log masuk

Di sini, attributename ialah parameter wajib jenis rentetan, yang menentukan nama atribut yang ingin kami kembalikan.

Contoh

Mari kita lihat kaedah contoh getAttributenode () -

<!DOCTYPE html>
<html>
<head>
<script>
   function getAttrNode(){
      var a = document.getElementsByTagName("a")[0].getAttributeNode("href");
      var val=a.value;
      document.getElementById("Sample").innerHTML = val;
   }
</script>
</head>
<body>
<h1>getAttributeNode() example</h1>
<a href="https://www.google.com">GOOGLE</a>
<p>Get the href attribute value of the above link by clicking the below button</p>
<button onclick="getAttrNode()">GET</button>
<p id="Sample"></p>
</body>
</html>

Salin selepas log masuk

output

Ini akan menghasilkan output berikut -

HTML DOM getAttributeNode() 方法

Apabila butang GET diklik -

HTML DOM getAttributeNode() 方法

dalam contoh contoh di atas -

Kami mula-mula mencipta elemen utama dengan nilai atribut href ditetapkan kepada "https://www.google.com".

<a href="https://www.google.com">GOOGLE</a>

Salin selepas log masuk

Kemudian kami mencipta butang GET yang akan melaksanakan getAttrNode() apabila pengguna mengklik -

<button onclick="getAttrNode()">GET</button>

Salin selepas log masuk

Kaedah getAttrNode() menggunakan kaedah getElementByTagName() untuk mendapatkan elemen utama pertama dalam dokumen HTML. Ia kemudian menggunakan kaedah getAttributeNode("href") dengan nilai parameter "href". Kaedah

getAttributeNode() mengembalikan objek attr yang mewakili atribut href dan memberikannya kepada pembolehubah a. Kami kemudian memberikan nilai atribut href kepada val pembolehubah menggunakan atribut "nilai" objek attr. Nilai atribut href yang diperolehi dipaparkan dalam perenggan dengan id "Sampel" menggunakan atribut innerHTML -

function getAttrNode(){
   var a = document.getElementsByTagName("a")[0].getAttributeNode("href");
   var val=a.value;
   document.getElementById("Sample").innerHTML = val;
}

Salin selepas log masuk

Atas ialah kandungan terperinci Kaedah getAttributeNode() HTML DOM. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!