situs nonton bioskop online streaming film gratis sub indonesia situs poker online poker88 agen poker terpercaya
  1. bioskop online
  2. poker online
  3. poker88
  4. dewapoker
  5. 18dewa
  6. tunaspoker
  7. bigpoker88
  8. singapoker
  9. domino88
  10. 18dewapoker
  11. idn poker88
  12. big poker88
  13. bandar poker
  14. poker369
  15. slot online
  16. Tunas poker
  17. poker99
  18. Idn Poker
  19. 18Dewa

2/25/2019

Cara Menambah Atribut Baru pada Tag script HTML Otomatis

2/25/2019

Cara Menambah Atribut Baru pada Tag HTML Secara Otomatis menggunakan Pure JavaScript



Dalam sebuah elemen website, banyak sekali bahasa-bahasa yang awam didengar oleh orang. Contoh dasarnya adalah kata tag, atribut dan elemen. Ketiganya tersebut memiliki arti yang berbeda. Kali ini, saya akan sedikit membahas mengenai attribute HTML, yang mungkin anda pernah mendengarnya.

Apa itu Atribut HTML?

Atirbut HTML atau dalam bahasa Inggris adalah HTML Attribute merupakan informasi tambahan yang diberikan dalam sebuah tag HTML. Setiap atibute memiliki nama dan nilai yang ditulis seperti name="value", nilai value tersebut diapit oleh tanda kutip satu ataupun dua. 

Contoh:

<p class="hello"> lorem ipsum dolor sit amet </p>

class="hello" merupakan atribut HTML, di mana ada dalam sebuah tag <p> . Atribute sangat berguna dalam penggunaan website untuk memberikan informasi website. 

Menambahkan Attribute baru pada tag secara Otomatis

Sebenarnya, inti dari artikel yang saya buat ini adalah untuk membagikan tutorial mengenai cara menambahkan attribute baru pada sebuah tag secara otomatis, tanpa harus menginput awal. 

Ini merupakan pengalaman saya sendiri, di mana kala itu saya ingin menambahkan atribute class='notranslate' pada tag <pre>, namun tidak mungkin jika harus saya edit satu-persatu. Akhirnya saya menggunakan JavaScript untuk menambahkan attribute tersebut. 

JavaScript yang digunakan merupakan murni (pure) JavaScript, tanpa menggunakan jQuery ataupun yang lainnya. JavaScript ini bisa diterapkan pada Blogger maupun CMS lainnya.


Dalam JavaScript ini, saya mencontohkan jika anda ingin menambahkan attribute class="notranslate" pada tag <pre>. Anda bisa kembangkan sesuai dengan kebutuhan anda. Copy kode di bawah ini sebelum </body> pada template anda. 


<script type='text/javascript'>

//<![CDATA[

var pre = document.getElementsByTagName("PRE");



Object.values(pre).forEach((x)=>{

var att = document.createAttribute("class");

att.value = "notranslate";

x.setAttributeNode(att);

})



//]]>

</script>

Note: perhatikan kode yang ditandai kuning. Sesuaikan dengan kebutuhan anda
Cara kerja JavaScript di atas adalah dengan menggunakan document.getElementsByTagName dan memanggil tag yang dibutuhkan lalu menggunakan document.createAttribute untuk membuat atribute baru yang diinginkan.

Tentunya ini sangat berguna buat anda, jika anda membuat artikel Tutorial Blogging, namun ingin menambahkan attribute baru pada <pre> dalam tag HTML tanpa harus mengedit satu persatu.

Semoga bermanfaat :)