您好,欢迎来到化拓教育网。
搜索
您的当前位置:首页javascript之“字符串转换为DOM对象”

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

来源:化拓教育网

设计场景


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

Copyright © 2019- huatuo9.cn 版权所有 赣ICP备2023008801号-1

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务