当前位置： 移动技术网 > IT编程>网页制作>CSS > 如何将普通字符串转化为dom节点后插入页面？

如何将普通字符串转化为dom节点后插入页面？

2018年03月14日  | 移动技术网IT编程  | 我要评论

酷派d508刷机,广商素拓系统,吕冠成 白陆和彦晞

主要转化原理

将存储在存储在字符串中的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

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网