Chuyển đổi chuỗi thành html jquery

Trong JavaScript, một số quy ước cụ thể làm cho lịch sử phát triển tổng thể đi trước một bước để được tích hợp. Tương tự như vậy, một trong những cách không tĩnh để giải quyết một chuỗi [ở dạng mẫu tặng phần tử HTML] và sau đó chuyển nó vào phần thân HTML dưới dạng một phần đối tượng duy nhất

Điều này làm cho giao diện trở nên năng động và có thể giải quyết nhiều vấn đề khó có thể giải quyết bằng cách khác

Các ví dụ mã trong nội dung sau đây sẽ trình bày cách thực hiện chuyển đổi này. Đầu tiên, chúng ta sẽ truyền vào chuỗi có thuộc tính

var stringToHTML = function [str] {
	var dom = document.createElement['div'];
	dom.innerHTML = str;
	return dom;

};
console.log[stringToHTML['Hello world!
How are you today?
']];

5

Trong ví dụ tiếp theo, chúng ta sẽ sử dụng phương thức

var stringToHTML = function [str] {
	var dom = document.createElement['div'];
	dom.innerHTML = str;
	return dom;

};
console.log[stringToHTML['Hello world!
How are you today?
']];

6. Quy ước này hầu như không được khuyến khích vì nó có vấn đề với việc nhiều trình duyệt chấp nhận

Trong phần cuối cùng, chúng ta sẽ kiểm tra xem chuỗi mà chúng ta truyền vào có phải là một đối tượng HTML hay chỉ là các chuỗi. Hãy đi sâu vào

Sử dụng thuộc tính

var stringToHTML = function [str] {
	var dom = document.createElement['div'];
	dom.innerHTML = str;
	return dom;

};
console.log[stringToHTML['Hello world!
How are you today?
']];

5 để chuyển đổi chuỗi thành đối tượng HTML

Ở đây, chúng ta sẽ có một hàm

var stringToHTML = function [str] {
	var dom = document.createElement['div'];
	dom.innerHTML = str;
	return dom;

};
console.log[stringToHTML['Hello world!
How are you today?
']];

8 sẽ lấy chuỗi thô làm tham số của nó. Sau đó, chúng tôi sẽ tạo một

var stringToHTML = function [str] {
	var dom = document.createElement['div'];
	dom.innerHTML = str;
	return dom;

};
console.log[stringToHTML['Hello world!
How are you today?

  

']];

9 và chúng tôi muốn chuyển chuỗi đã cho bên trong đó

Thay vào đó, chúng tôi cũng có thể chuyển nó vào phần thân HTML, nhưng để gọn gàng, chúng tôi mong đợi một phần tử

var stringToHTML = function [str] {
	var dom = document.createElement['div'];
	dom.innerHTML = str;
	return dom;

};
console.log[stringToHTML['Hello world!
How are you today?
']];

9

Tiếp theo,

var stringToHTML = function [str] {
	var dom = document.createElement['div'];
	dom.innerHTML = str;
	return dom;

};
console.log[stringToHTML['Hello world!
How are you today?
']];

9 mới được tạo sẽ được liên kết với một thể hiện

var stringToHTML = function [str] {
	var dom = document.createElement['div'];
	dom.innerHTML = str;
	return dom;

};
console.log[stringToHTML['Hello world!
How are you today?
']];

2 [được cho là]. Vì vậy, đối với

var stringToHTML = function [str] {
	var dom = document.createElement['div'];
	dom.innerHTML = str;
	return dom;

};
console.log[stringToHTML['Hello world!
How are you today?
']];

2, chúng tôi sẽ đặt thuộc tính

var stringToHTML = function [str] {
	var dom = document.createElement['div'];
	dom.innerHTML = str;
	return dom;

};
console.log[stringToHTML['Hello world!
How are you today?
']];

5 và sau đó chuyển chuỗi

var stringToHTML = function [str] {
	var dom = document.createElement['div'];
	dom.innerHTML = str;
	return dom;

};
console.log[stringToHTML['Hello world!
How are you today?
']];

5 sẽ là phiên bản

var stringToHTML = function [str] {
	var dom = document.createElement['div'];
	dom.innerHTML = str;
	return dom;

};
console.log[stringToHTML['Hello world!
How are you today?

  

']];

2 cho hàm

var stringToHTML = function [str] {
	var dom = document.createElement['div'];
	dom.innerHTML = str;
	return dom;

};
console.log[stringToHTML['Hello world!
How are you today?
']];

8 mà chúng ta đã tạo. Hãy kiểm tra các dòng mã

    
    
    
    Document


    

var stringToHTML = function [str] {
	var dom = document.createElement['div'];
	dom.innerHTML = str;
	return dom;

};
console.log[stringToHTML['Hello world!
How are you today?
']];

đầu ra

Sử dụng Giao diện

var stringToHTML = function [str] {
	var dom = document.createElement['div'];
	dom.innerHTML = str;
	return dom;

};
console.log[stringToHTML['Hello world!
How are you today?
']];

8 để chuyển đổi chuỗi thành đối tượng 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 thường bị bỏ qua hoặc có thể được sử dụng cùng với các điều kiện. Nếu cách xử lý sự cố trước đó bị xóa sạch, thì đoạn mã này có thể kích hoạt để sao lưu quy trình

Vì vậy, ở đây, chúng tôi sẽ lấy một phiên bản của giao diện

var stringToHTML = function [str] {
	var dom = document.createElement['div'];
	dom.innerHTML = str;
	return dom;

};
console.log[stringToHTML['Hello world!
How are you today?
']];

8 và phiên bản này sẽ được kích hoạt bởi

    
    
    
    Document


    

1. Các tham số sẽ là chuỗi và loại trong HTML mà nó được cho là đại diện

Sau đó, chúng tôi sẽ chuyển phiên bản

    
    
    
    Document


    

2 sang phần thân HTML

Đoạn mã

    
    
    
    Document


    

var stringToHTML = function [str] {
	var dom = document.createElement['div'];
	dom.innerHTML = str;
	return dom;

};
console.log[stringToHTML['Hello world!
How are you today?
']];

2

đầu ra

Sử dụng

    
    
    
    Document


    

3 để đảm bảo Loại chuỗi được truyền trong HTML

Trong phần này, chúng tôi sẽ xác định nhiệm vụ tổng thể. Chúng tôi sẽ kiểm tra xem đối tượng HTML đã được tạo chưa, loại, v.v.

Nếu chúng ta có thể sử dụng

    
    
    
    Document


    

3 để chuyển một chuỗi, nó sẽ chuyển sang HTML ở dạng đối tượng. Mặc dù nội dung chưa được xem trước nhưng nó đã tạo khoảng trống trong phần thân HTML [không cố định]

Làm cách nào tôi có thể chuyển đổi chuỗi HTML sang HTML?

Là gì. HTML trong jQuery?

parseHTML là gì?

Làm cách nào để tạo phần tử DOM trong jQuery?