javascript之“字符串转换为DOM对象”

作者: adiu | 来源:发表于2016-06-22 20:09 被阅读1349次

设计场景


  • 我们在写一个组件的时候,经常需要做的就是把 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;
}

相关文章

网友评论

本文标题:javascript之“字符串转换为DOM对象”

本文链接:https://www.haomeiwen.com/subject/ipdndttx.html