浅谈JavaScript模拟$(HTML字符串)实现创建DOM对象
JavaScript里动态创建标准DOM对象一般使用:document.createElement()方法。
但在实际使用过程中,可能会希望直接根据HTML字符串创建DOM节点,模拟$(HTML字符串)创建DOM对象的方法。
1、思路:
① 用document.createElement()方法创建一个div元素;
② 用innerHTML来给div元素插入HTML字符串;
③ 用div.childNodes[0]即可返回HTML字符串对应创建的DOM对象。
2、代码:
function createNode(htmlStr) { var div = document.createElement("div"); div.innerHTML = htmlStr; return div.childNodes[0]; }
声明:该文观点仅代表作者本人,入门客AI创业平台信息发布平台仅提供信息存储空间服务,如有疑问请联系rumenke@qq.com。