javascript之“字符串转换为DOM对象”
2016-06-22 本文已影响1349人
adiu
设计场景
- 我们在写一个组件的时候,经常需要做的就是把 HTML代码 以字符串的形式拼到脚本中,最后通过 ** appendChild()** 方法把它追加到视图中的某个元素中
问题
- 该方法支持的参数类型为 DOM对象 ,而我们脚本中所写的类型是 string
- 错误提示
Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.
解决方案
function parseDom(nodelist) {
var objE = document.createElement("div");
objE.innerHTML = nodelist;
return objE.childNodes;
}