在 JavaScript 中将字符串转换为 HTML

在 JavaScript 中，一些特定的约定使整体开发历史提前一步被集成。同样，寻址字符串的一种非静态方法（以 HTML 元素捐赠模式的形式），然后将其作为唯一的对象传递给 HTML 主体。

这使界面动态化，并且可以解决许多原本很难调用的问题。

以下内容中的代码示例将演示如何实现这种转换。首先，我们将传递带有innerHTML属性的字符串。

在下一个示例中，我们将使用该DOM parse方法。大多数情况下不鼓励这种约定，因为它存在许多浏览器接受的问题。

在最后一节中，我们将检查我们传递的字符串是 HTML 对象还是只是字符串。让我们潜入吧！

目录

 1.使用innerHTML属性将字符串转换为HTML对象

2. 使用DOMParser()接口将字符串转换为HTML对象

 3.用于jQuery确保在HTML中传递的字符串的类型

---

 1.使用innerHTML属性将字符串转换为HTML对象

在这里，我们将有一个函数stringToHTML，它将原始字符串作为其参数。之后，我们将创建一个div，并希望传递其中给出的字符串。 

我们也可以将它传递给 HTML 正文，但为了整洁，我们需要一个div元素。

接下来，新创建的div将与一个实例相关联dom（假设）。因此，对于dom，我们将设置innerHTML属性，然后传递字符串。

将return是我们创建dom的函数的实例。stringToHTML让我们检查一下代码行。

var stringToHTML = function (str) {
	var dom = document.createElement('div');
	dom.innerHTML = str;
	return dom;

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

输出：

2. 使用DOMParser()接口将字符串转换为HTML对象

经常被DOMParser()忽略或可以与条件一起使用。如果先前处理问题的方法被取消，那么这段代码可能会触发以备份该过程。

所以在这里，我们将取一个DOMParser()接口的实例，该实例将由parseFromString(). 参数将是字符串和它应该表示的 HTML 类型。

然后我们将实例传递doc给 HTML 正文。

代码片段： 

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! ^_^
'));

 输出：

 3.用于jQuery确保在HTML中传递的字符串的类型

在本节中，我们将确定总体任务。我们将检查是否生成了 HTML 对象、类型等。

如果我们可以jQuery用来传递一个字符串，它会以对象形式传递给 HTML。虽然内容尚未预览，但它已在 HTML 正文中创建了空间（不是永久的）。

所以，让我们跳到代码块。

 输出：