您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

JavaScript使用内置的DOM方法或原型从HTML字符串创建新的DOM元素 提出问题

JavaScript使用内置的DOM方法或原型从HTML字符串创建新的DOM元素 提出问题

注意:当前大多数浏览器都支持HTML <template>元素,这些元素提供了一种更可靠的方式来从字符串创建元素。

对于较旧的浏览器和node / jsdom:(<template>在撰写本文时尚不支持元素),请使用以下方法。库用于从HTML字符串中获取DOM元素的操作是相同的(为IE实现,还需要一些额外的工作来解决IE的错误innerHTML):

function createElementFromHTML(htmlString) {
  var div = document.createElement('div');
  div.innerHTML = htmlString.trim();

  // Change this to div.childNodes to support multiple top-level nodes
  return div.firstChild; 
}

请注意,与HTML模板不同,这不适用于某些不能合法地为a的子元素的元素<div>,例如<td>

如果你已经在使用库,建议你坚持使用库批准的从HTML字符串创建元素的方法

javascript 2022/1/1 18:14:53 有534人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶