JavaScript Element对象与字符串互转

我们常用的两种插入元素的方式： 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，实现转换；

JavaScript Element对象与字符串互转相关推荐

javascript json和json字符串互转
javascript json和json字符串互转 <!DOCTYPE html> <html lang="en"><head><meta ...
js html字符串转对象,js eval函数使用，js对象和字符串互转.
js eval函数使用,js对象和字符串互转. JavaScript eval() 函数 JavaScript 全局函数定义和用法 eval() 函数计算 JavaScript 字符串,并把它作为 ...
python 爬虫（七）lxml模块 + lxml数据提取（字符串的xml/html文件--转换--element对象--转换--字符串）调用XPath方法筛选数据 + 案例（扇贝酷狗网易云音乐）
爬虫小知识:爬取网站流程确定网站哪个url是数据的来源. 简要分析一下网站结构,查看数据一般放在哪里. 查看是否有分页,解决分页的问题. 发送请求,查看response.text里面是否有我们想要的 ...
如何使用JavaScript将对象转换为字符串？
JavaScript如何将对象转换为字符串?下面本篇文章就来给大家介绍一下使用JavaScript将不同对象转换为字符串的方法,希望对大家有所帮助. 方法1:使用String()函数 String() ...
JS对象和字符串互转；数组与字符串互转
1.对象(Object)和字符串(String)互转: var jsObj = {}; jsObj.testArray = [1,2,3,4,5]; jsObj.name = 'aaa'; jsObj ...
javascript json对象转字符串形式
2019独角兽企业重金招聘Python工程师标准>>> /*** json对象转字符串形式*/function json2str(o) {var arr = [];var fmt = ...
json对象与字符串互转方法
字符串转json对象: var data = eval( '(' + str + ')' ); json对象转字符串: var jsonStr = JSON.stringify( obj ); 转载于 ...
js对象和字符串互转
1. 对象转为字符串 const obj = {id: 0,name: '张三',age: 12 } const objToStr = JSON.stringify(obj) console.log( ...
json对象与字符串互转
在页面代码寻找问题时,页面中代码太多,一下看不过来,于是想把页面中的对象直接复制出来,可通过JSON相关方法实现: JSON.parse(jsonstr); //可以将json字符串转换成json对象 ...

JavaScript Element对象与字符串互转

1、字符串转Element

2、Element转字符串

JavaScript Element对象与字符串互转相关推荐

最新文章

热门文章