html string to dom,javascript - Converting HTML string into DOM elements? - Stack Overflow

小鱼儿 2022-10-06 13:54 21阅读 0赞

Here is a little code that is useful.

var uiHelper = function () \{

var htmls = \{\};

var getHTML = function (url) \{

/// Returns HTML in a string format

/// The url to the file with the HTML

if (!htmls\[url\])

\{

var xmlhttp = new XMLHttpRequest();

xmlhttp.open("GET", url, false);

xmlhttp.send();

htmls\[url\] = xmlhttp.responseText;

\};

return htmls\[url\];

\};

return \{

getHTML: getHTML

\};

\}();

\--Convert the HTML string into a DOM Element

String.prototype.toDomElement = function () \{

var wrapper = document.createElement('div');

wrapper.innerHTML = this;

var df= document.createDocumentFragment();

return df.addChilds(wrapper.children);

\};

\--prototype helper

HTMLElement.prototype.addChilds = function (newChilds) \{

/// Add an array of child elements

/// Array of HTMLElements to add to this HTMLElement

///

for (var i = 0; i < newChilds.length; i += 1) \{ this.appendChild(newChilds\[i\]); \};

return this;

\};

\--Usage

thatHTML = uiHelper.getHTML('/Scripts/elevation/ui/add/html/add.txt').toDomElement();

发表评论取消回复

表情：

评论列表（有 0 条评论，21人围观）

还没有评论，来说两句吧...

相关阅读

相关 String to Date convert error

![20200922102618411.png][] spring: mvc: date-format: yyyy-MM-dd HH:mm

傷城~/ 2022年12月09日 05:18/ 0 赞/ 192 阅读

相关 edge html5播放,html - Video recording with Edge using HTML5 - Stack Overflow

I am trying to record video using HTML5 API. I want this solution to be cross platform a

曾经终败给现在/ 2022年10月07日 15:58/ 0 赞/ 21 阅读

相关 mvc html 按钮,.net - There's no @Html.Button ! - Stack Overflow

To expand on the accepted answer, so you can bind a submit button to a model property bu

悠悠/ 2022年10月07日 12:00/ 0 赞/ 16 阅读

相关 @html.validationmessagefor加样式,c# - How to use html.ValidationMessageFor - Stack Overflow

I'm trying to get my view to give me the error message next to the text box if a user en

心已赠人/ 2022年10月07日 07:58/ 0 赞/ 16 阅读

相关 php fpdf html,php - HTML/FPDF Table - Stack Overflow

I am working on printing this report to pdf: ![NLfM3.png][] But all I get is this: ![

墨蓝/ 2022年10月07日 00:43/ 0 赞/ 163 阅读

相关 html string to dom,javascript - Converting HTML string into DOM elements? - Stack Overflow

Here is a little code that is useful. var uiHelper = function () \{ var htmls = \{\};

小鱼儿/ 2022年10月06日 13:54/ 0 赞/ 22 阅读

相关 html5 imports,html - HTML5 Imports not working - Stack Overflow

The correct to do this is through server side pages includes or through JavaScript. PHP

Myth丶恋晨/ 2022年10月04日 14:54/ 0 赞/ 15 阅读

相关 Convert string to object (c#)

近日，用C\写一个系统的Command Engine的原型，需要大量用到C\的反射代码。其中有一个需求，已知数据的Type和字符串表示的值，据此两个条件生成真正的值，在ba

àì夳堔傛蜴生んèń/ 2022年10月01日 00:52/ 0 赞/ 181 阅读

相关 Python convert a list to String

正常情况如果list由字串类型，一般可以用下面这种方法 a_list = ["1", "2", "3"] print("".join(a_list)) 发散

梦里梦外;/ 2022年06月03日 04:41/ 0 赞/ 188 阅读

相关 ValueError: could not convert string to float

对于读入原始数据的常见2步操作 strs = line.strip().split(‘ ’) \split里的引号内是空格还是逗号等取决于读入的数据间隔符号

「爱情、让人受尽委屈。」/ 2022年03月26日 14:42/ 0 赞/ 563 阅读