频道栏目
首页 > 程序开发 > web前端 > HTML/CSS > 正文
如何将普通字符串转化为dom节点后插入页面?
2018-03-13 11:54:42      个评论    来源:momDIY的博客  
收藏   我要投稿

主要转化原理

将存储在存储在字符串中的XML或HTML解析为一个DOM文档,然后使用parseFromString方法将这个DOM文档转化为一个DOM对象。选择到要插入的节点后使用append方法插入到对应的位置即可。

有点懵?没关系,继续往下看。

主要操作

创建DOMParser()文档 使用parseFromString()方法将DOMParser()文档转化为DOM对象 选择DOM对象中需要的节点对象 将节点对象插入html页面

代码示例

使用parseFromString()方法

let str='<h1>Interesting</h1>';
let parser = new DOMParser();
let doc = parser.parseFromString(str, "text/xml");
let node = doc.getElementsByTagName('h1')[0];

$('#test')[0].append(node);

坑点注意

parseFromString转化的结果是一个document对象,无法直接进行插入操作,需提取内部节点后再插入。

END

点击复制链接 与好友分享!回本站首页
上一篇:SublimeText的使用技巧分享
下一篇:vuetransition1.0到2.0的迁移,饿了么demo填坑攻略
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站