JavaScript Element对象与字符串互转

您所在的位置:网站首页 css对象怎么转换成css字符串格式 JavaScript Element对象与字符串互转

JavaScript Element对象与字符串互转

2024-07-06 02:45| 来源: 网络整理| 查看: 265

我们常用的两种插入元素的方式: appendChild(node) 方法,该方法在父节点中追加子节点,不能是字符串类型;以及HTML5中的innerHTML属性,该属性可用来在父节点中写入字符串类型的标签;当取得的数据并不是自己想要的类型时,这时候就需要互转;

1、字符串转Element /*字符串解析成元素节点类型*/ function parseElement(str) { var o=document.createElement("div"); o.innerHTML=str; return o.childNodes[0]; } 2、Element转字符串 /*将元素节点类型字符串化*/ function stringIze(obj){ var o=document.createElement("div"); o.appendChild(obj); return o.innerHTML; }

以上互转首先都借助document.createElement()创建一个临时元素节点o,然后通过innerHTML和appendChild()这个桥梁将传入的参数插入o,最后返回o内的第一个子节点childNodes[0]和字符串innerHTML,实现转换;



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3