Atribut berarti atribut, dan artikel hanya memperkenalkan beberapa atribut yang kompatibel dengan IE dan FF.
Atribut: Dapatkan atribut sebagai objek
getAttribute: Dapatkan nilai atribut tertentu
SetAttribute: Buat atribut dan bundel nilai untuk atribut pada saat yang sama
CreateAttribute: Buat hanya satu atribut
RemoveAttribute: Hapus atribut
getattributeNode: Dapatkan node sebagai objek
SetAttributeNode: Buat node
RemoveAttributeNode: Hapus node
Atribut dapat memperoleh atribut dalam suatu objek dan menyebutnya sebagai objek. Perhatikan bahwa Anda harus menggunakan "[]" di sini, dan IE dapat menggunakan "()" di sini. Mempertimbangkan masalah kompatibilitas, Anda harus menggunakan "[]". Ada perbedaan besar antara IE dan FF tentang cara menggunakan atribut atribut, jadi saya tidak akan memperkenalkannya di sini.
Cara menggunakan atribut: (umum untuk IE dan ff)
<body> <v id = "t"> <input type = "hidden" id = "sss" value = "aaa"> </div> </body> <script> var d = document.geteLementById ("ss"). Atribut ["nilai"]; dokumen.write (d.name); document.write (d.value);Konsep keempat bersaudara GetAttribute, SetAttribute, CreateAttribute, dan RemoveAttribute lebih mudah dipahami, dan metode penggunaan relatif sederhana. Satu -satunya hal yang harus diperhatikan:
1. Saat menggunakan CreateAttribute, Anda tidak perlu berbasis objek. Document.CreateAttribute () sudah cukup.
2. Saat menggunakan setAttribute, createAttribute, jangan gunakan kata -kata seperti nama, jenis, nilai, dll., Reaksi IE dan FF anehnya sulit dipahami.
3. Jika CreateAttribute hanya mendefinisikan nama dan tidak menentukan nilai d.nodevalue = "Hello"; Pernyataan, FF akan dianggap sebagai string kosong, dan IE akan dianggap tidak ditentukan, perhatikan saja ini.
Cara menggunakan getAttribute:
<body> <v id = "t"> <input type = "tersembunyi" id = "sss" value = "aaa"> </div> </body> <ript> var d = document.geteLementById ("ss"). getattribute ("value"); dokumen.write (d); // show aaa </script>Cara menggunakan setAttribute: (Anda akan menemukan atribut tambahan yang disebut Good Hello)
<body> <Div id = "t"> <input type = "tersembunyi" id = "sss" value = "aaa"> </div> </body> <script> var d = document.geteLementById ("ss"). setattribute ("good", "hello"); document.getElementLementLement ("t").Cara menggunakan CreateAttribute: (Tambahkan atribut kosong yang disebut Good)
<head> <meta charset = "utf-8"> <iteme> </iteme> <script> window.onload = function () {var obox = document.getElementById ('box'); alert (document.body.innerhtml); obox.setAttribute ('value', 'name'); alert (document.body.innerhtml); attr = document.createAttribute ('Hallo'); waspada (document.body.innerHtml);/*sinonim*/ attr.nodevalue = 'world';/*Edit atribut khusus*/ waspada (document.body.innerHtml);/*sama seperti di atas*/ obox.setattributeD (attr);/*masukkan atribut khusus ke tags*/ obox.bodybibutode (ATTR); </script> </head> <body> <ul id = "box"> </ul> </body>Cara menggunakan removeAttribute: (satu hilang)
<body> <Div id = "t"> <input type = "tersembunyi" id = "sss" value = "aaa"> </div> </body> <script> var d = document.geteLementById ("ss"). RemoveAttribute ("value"); document.getElementById ("t"). InnerHtm) </document.geteLementById ("t").Tiga metode getattributeNode, setattributeNode, dan removeAttributeNode ditandai dengan secara langsung mengoperasikan node (node). RemoveAttributeNode akan selalu digunakan secara tidak benar di awal, tetapi ketika Anda sepenuhnya memahami arti node, Anda dapat menerapkannya dengan bebas.
Cara menggunakan getAttributeNode:
<body> <v id = "t"> <input type = "tersembunyi" id = "sss" value = "aaa"> </div> </body> <script> var d = document.geteLementById ("ss"). getattributeNode ("value"); document.write (d.name); document.write (D.Value); // Tampilkan nilai aaa </script>Cara menggunakan setattributeNode:
<body><div id = "t"><input type = "hidden" id = "sss" value = "aaa"></div></body><script>var d = document.createAttribute("good");document.getElementById("ss").setAttributeNode(d);alert(document.getElementById("t").innerHTML);</script>Cara menggunakan RemoveAttributeNode:
<body> <v id = "t"> <input type = "hidden" id = "sss" value = "aaa"> </div> </body> <script> var d = document.geteLementById ("ss"). getattributeD ("value") document.getElementById ("ss"). RemoveatRuteD ("value") document.getElementById ("ss"). DOMOVEATRETEDE ("value") document.geteLementById ("sss"). DOVEATTRUBUTEN ("value") document. alert (document.geteLementById ("t"). innerHtml); </script> Untuk pertanyaan lebih lanjut tentang atribut, Anda dapat memeriksanya di W3School!Penjelasan terperinci di atas tentang operasi atribut atribut JS adalah semua konten yang saya bagikan dengan Anda. Saya harap Anda dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.