Rumah > Artikel > hujung hadapan web > Kaedah getAttributeNode() HTML DOM
Kaedah getAttributeNode() HTML DOM
- WBOYke hadapan
- 2023-08-26 13:21:101232semak imbas
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)
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>eoutput
Ini akan menghasilkan output berikut -
Apabila butang GET diklik -
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>
Kemudian kami mencipta butang GET yang akan melaksanakan getAttrNode() apabila pengguna mengklik -
<button onclick="getAttrNode()">GET</button>
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;
}Atas ialah kandungan terperinci Kaedah getAttributeNode() HTML DOM. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!