Bagaimana untuk Memasukkan Teg `` Dengan Elegan ke Halaman HTML Menggunakan JavaScript?

Memasukkan Teg dengan JavaScript

Soalan:

Bagaimana anda boleh mencipta tag dan masukkan ke dalam halaman HTML menggunakan JavaScript? Adakah terdapat kaedah yang lebih elegan dan serasi merentas penyemak imbas daripada penyelesaian semasa yang menggunakan innerHTML?

Jawapan:

Pendekatan pilihan adalah untuk menambahkan elemen gaya terus ke daripada dokumen tersebut. Kaedah ini berfungsi secara konsisten merentas penyemak imbas utama, termasuk Chrome. Berikut ialah penyelesaian yang dipertingkatkan:

var css = 'h1 { background: red; }',
head = document.head || document.getElementsByTagName('head')[0],
style = document.createElement('style');

head.appendChild(style);

style.type = 'text/css';
if (style.styleSheet) {
    // This is required for IE8 and below.
    style.styleSheet.cssText = css;
} else {
    style.appendChild(document.createTextNode(css));
}

Kaedah ini memberikan kelebihan berikut:

• Ia lebih elegan dan ringkas.
• Ia berfungsi dalam semua pelayar utama, termasuk Chrome.
• Ia mengelakkan keperluan untuk tambahan
  elemen di hadapan teg gaya untuk menyelesaikan isu merentas penyemak imbas.

Atas ialah kandungan terperinci Bagaimana untuk Memasukkan Teg `` Dengan Elegan ke Halaman HTML Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!