html javascript_dom节点
大家好,又见面了,我是你们的朋友全栈君。
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();
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/194655.html原文链接:https://javaforall.cn
相关文章
- javascript 基础_JavaScript高级编程
- JavaScript 语言入门
- 新的一年,建议尝试下这7个JavaScript 库
- JavaScript学习总结(二十)——Javascript非构造函数的继承详解编程语言
- JavaScript学习总结(十七)——Javascript原型链的原理详解编程语言
- HTML连接Oracle利用JavaScript即可实现(html连接oracle)
- Javascript写了一个清除“logo1_.exe”的杀毒工具(可扫描目录)
- javascript控制超级链接的样式代码
- javascript下有关dom以及xml节点访问兼容问题
- JavaScript通过attachEvent和detachEvent方法处理带参数的函数
- javascript节点遍历函数
- JavaScript设计模式富有表现力的Javascript(一)
- javascript设为首页与加入收藏兼容多浏览器代码
- javascript内存回收机制理解
- javascript节点排序实现代码
- javascript中节点的最近的相关节点访问方法
- 在javascript中关于节点内容加强
- JavaScript设置IFrame高度自适应(兼容各主流浏览器)
- javascript基础之查找元素的详细介绍(访问节点)
- 深入理解javascript中return的作用
- javascript移出节点removeChild()使用介绍
- android中WebView和javascript实现数据交互实例
- JavaScript中的apply和call函数详解
- 用javascript读取xml文件读取节点数据
- 用JavaScript实现用一个DIV来包装文本元素节点
- 当前流行的JavaScript代码风格指南