js直接用html字符串创建DOM对象

人间不值得丶

已于 2022-10-21 08:41:44 修改

阅读量1.8k

点赞数 1

文章标签： javascript html 前端

于 2022-10-13 11:46:58 首次发布

本文链接：https://blog.csdn.net/sundaoli_0/article/details/127298559

版权

本文介绍了一种使用JavaScript创建DOM节点的方法。具体步骤包括：1. 使用document.createElement()创建div元素；2. 通过innerHTML属性为div元素插入HTML字符串；3. 通过div.childNodes[0]获取创建的DOM对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

思路：
1.用document.createElement()方法创建一个div元素；
2.用innerHTML来给div元素插入HTML字符串；
3.用div.childNodes[0]即可返回HTML字符串对应创建的DOM对象。

function createNode(htmlStr) {
    var div = document.createElement("div");
    div.innerHTML = htmlStr;
    return div.childNodes[0];
}