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