将HTML字符串转换为DOM元素？ [英] Converting an HTML string to a DOM element?

问题描述

说一个有，

  var some_html ='< div class =am_hold>'+ 
'< img name =bo_imid ='+ val.id +'class =bookmark_imagesrc ='+ val.favicon +'>'+ 
'< a target =_ blankname =bookmark_linkclass =bookmark_linkhref ='+ 
 val.url +'id ='+ val.id +'>'+ val.title +'< ; / a>'+ 
'< div>< div class =bookmark_menu>< / div>< / div>'+ 
'< / div>'; 
  

有可能做

  var some_element =`some_function`（some_html）; 
  

有没有使用库的some_function（1）的实现和（2）使用库。

解决方案

为您的HTML创建临时容器，然后获取其内容。例如：

  var d = document.createElement（'div'）; 
 d.innerHTML = some_html; 
返回d.firstChild; 
  

Say one has,

var some_html = '<div class = "am_hold">' +
    '<img name="bo_im" id="' + val.id + '" class="bookmark_image" src="' + val.favicon + '">' +
    '<a target="_blank" name="bookmark_link" class="bookmark_link" href = "' +
    val.url + '" id="' + val.id + '">' + val.title + '</a>' +
    '<div><div class = "bookmark_menu"></div></div>' +
    '</div>';

is it possible to do

var some_element = `some_function`(some_html);

Is there an implementation for some_function (1) with out using a library and (2) with using a library.

解决方案

Create a temporary container for your HTML, then gets its content. Something like:

var d = document.createElement('div');
d.innerHTML = some_html;
return d.firstChild;

这篇关于将HTML字符串转换为DOM元素？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！