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?
'));
2 (seharusnya). Jadi, untuk var stringToHTML = function (str) {
var dom = document.createElement('div');
dom.innerHTML = str;
return dom;
};
console.log(stringToHTML('Hello world!
How are you today?
'));
_2, kita akan mengatur properti innerHTML dan kemudian meneruskan string
var 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 kodenya
Document
_
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 HTML
var 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 proses
Jadi 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 diwakilinya
Kami 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)
Bagaimana cara mengonversi string HTML ke objek HTML dalam JavaScript?
// html string const htmlStr = ""; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM "; // membuat parser baru const parser = new DOMParser(); // mengubah string html menjadi DOM const document = parser. parseFromString(htmlStr, "text/html"); Sekarang string HTML diubah menjadi simpul DOM HTML.
Bagaimana cara mengubah string menjadi elemen di js?
Metode parseHTML() dari jQuery digunakan untuk mengurai string HTML sehingga dapat digunakan untuk membuat elemen sesuai dengan HTML yang diberikan . Pendekatan ini dapat digunakan untuk membuat banyak elemen dari string.
Bagaimana cara membuat DOM dari string?
Cara Membuat Elemen DOM Baru dari String HTML .
fungsi htmlToElem(html) {
biarkan temp = dokumen. createElement
html = html. memangkas();
suhu. innerHTML = html;
suhu kembali. .
let td = htmlToElem('
foo | '. div = htmlToElem('
nested stuff
'.
Bagaimana cara mengonversi string HTML ke DOM dalam JavaScript?
Menggunakan DOMParser. metode parseFromString() , kita dapat mengurai dan mengonversi string HTML atau XML menjadi simpul DOM yang dibungkus dalam HTMLDocument (atau XMLDocument ). const parser = DOMParser baru(); . simpul terurai) const doc = parser.