Dalam JavaScript, beberapa konvensi khusus membuat keseluruhan sejarah pengembangan selangkah lebih maju untuk diintegrasikan. Demikian pula, salah satu cara non-statis untuk menangani string (dalam bentuk pola donasi elemen HTML) dan kemudian meneruskannya ke badan HTML sebagai bagian objek yang unik
Ini membuat antarmuka menjadi dinamis dan dapat menyelesaikan banyak masalah yang sulit untuk dipanggil sebaliknya
Contoh kode di konten berikut akan menunjukkan cara menerapkan konversi ini. Pertama, kita akan meneruskan string dengan properti innerHTML
Pada contoh berikutnya, kita akan menggunakan metode DOM parse. Konvensi ini sebagian besar tidak dianjurkan, karena memiliki masalah dengan penerimaan ke banyak browser
Di bagian terakhir, kita akan memeriksa apakah string yang kita lewati adalah objek HTML atau hanya string. Mari selami
Gunakan innerHTML Properti untuk Mengonversi String ke Objek HTML
Di sini, kita akan memiliki fungsi stringToHTML yang akan menggunakan string mentah sebagai parameternya. Setelah itu, kami akan membuat div, dan kami ingin meneruskan string yang diberikan di dalamnya
Kita juga bisa meneruskannya ke badan HTML, tetapi agar rapi, kita mengharapkan elemen div
Selanjutnya, div_ yang baru dibuat akan dikaitkan dengan sebuah instance var stringToHTML = function (str) { var dom = document.createElement('div'); dom.innerHTML = str; return dom; }; console.log(stringToHTML('Hello world!
How are you today?
How are you today?
')); _2, kita akan mengatur properti innerHTML dan kemudian meneruskan stringvar stringToHTML = function (str) { var dom = document.createElement('div'); dom.innerHTML = str; return dom; }; console.log(stringToHTML('Hello world!
How are you today?
')); 5 akan menjadi var stringToHTML = function (str) { var dom = document.createElement('div'); dom.innerHTML = str; return dom; }; console.log(stringToHTML('Hello world!How are you today?
')); 2 instance untuk fungsi stringToHTML yang kita buat. Mari kita periksa baris kodenyaDocument _
var stringToHTML = function (str) { var dom = document.createElement('div'); dom.innerHTML = str; return dom; }; console.log(stringToHTML('Hello world!
How are you today?
'));Keluaran
Gunakan Antarmuka var stringToHTML = function (str) { var dom = document.createElement('div'); dom.innerHTML = str; return dom; }; console.log(stringToHTML('Hello world!
How are you today?
')); _8 untuk Mengonversi String ke Objek HTMLvar stringToHTML = function (str) { var dom = document.createElement('div'); dom.innerHTML = str; return dom; }; console.log(stringToHTML('Hello world!
How are you today?
')); 8 sering diabaikan atau dapat digunakan bersama dengan kondisi. Jika cara sebelumnya untuk menangani masalah dilenyapkan, segmen kode ini mungkin diaktifkan untuk mendukung prosesJadi di sini, kita akan mengambil instance dari antarmuka var stringToHTML = function (str) { var dom = document.createElement('div'); dom.innerHTML = str; return dom; }; console.log(stringToHTML('Hello world!
How are you today?
')); 8, dan instance tersebut akan dipicu oleh Document 1. Parameternya adalah string dan tipe dalam HTML yang seharusnya diwakilinyaKami kemudian akan meneruskan instance Document _2 ke badan HTML
Cuplikan Kode
Document _
var stringToHTML = function (str) { var parser = new DOMParser(); var doc = parser.parseFromString(str, 'text/html'); return doc.body; }; console.log(stringToHTML('Hello world!
I am fine Thank you! ^_^
'));Keluaran
Gunakan Document _3 untuk Memastikan Jenis String Diteruskan dalam HTML
Pada bagian ini, kita akan menentukan keseluruhan tugas. Kami akan memeriksa apakah objek HTML dibuat, jenisnya, dll
Jika kita dapat menggunakan Document 3 untuk meneruskan sebuah string, itu akan menjadi HTML dalam bentuk objek. Meskipun kontennya belum dipratinjau, konten tersebut telah menciptakan ruangnya di badan HTML (tidak permanen)