个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
25
4
我正在尝试为 jQuery 元素获取一致的跨浏览器 outerHtml，尤其是 $("html").outerHtml()。例如，如果页面源是这样的:
<html><script src="blah.js"></script><div class="foo" id='bar'></p></div></html>
我希望能够使用 $("html").outerHtml(); 获取包含元素本身的 HTML 字符串，这将是:
<html><script src="blah.js"></script><div class="foo" id="bar"><p></p></div></html>
我一直在使用 Brandon Aaron 的 outerHtml plugin看起来像这样:
return $('<div>').append($("html").first().clone()).html();
然而，这似乎实际上是在尝试重新加载文档中的任何外部引用文件(脚本、样式表)，这似乎只是为了获取包装元素的 HTML 源代码。 Javascript 甚至可以将 HTML 元素放入 DIV 元素中吗？
在本地，我收到此错误。与 AJAX 规则有关？
XMLHttpRequest cannot load file:///C:/demo.js?_=1311466511031. Origin null is not allowed by Access-Control-Allow-Origin.
有没有更好的方法获取outerHtml？我真的很想在执行此操作时避免任何网络调用。
最佳答案
写了我自己的解决方案，它只渲染了包装元素:
(function($){
$.fn.outerHtml = function() {
if (this.length == 0) return false;
var elem = this[0], name = elem.tagName.toLowerCase();
if (elem.outerHTML) return elem.outerHTML;
var attrs = $.map(elem.attributes, function(i) { return i.name+'="'+i.value+'"'; });
return "<"+name+(attrs.length > 0 ? " "+attrs.join(" ") : "")+">"+elem.innerHTML+"</"+name+">";
};
})(jQuery);
关于javascript - 有没有更好的方法来获取 outerHtml？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6804248/
25
4
0
在 HTML5/JavaScript 中，如果我以编程方式创建一个命名空间 dom 节点，如下所示: svgElt = document.createElementNS("http://www.w3.
HTML: func2() JS: function func1() { console.log(arguments.callee.caller.arguments[0]
我正在尝试将 HTML 代码作为具有属性更新的字符串获取。 我有一个 select 标签，我使用 JavaScript 更新了它的选项。 默认情况下，第一个选项是使用HTML属性selected="s
我的页面的访问者可以将主体的背景设置为颜色或图像。这些更改最终内嵌为如下内容: 现在我想获取上面跟在 style= 之后的字符串，并使用那里的参数来构建一个合适的样式字符串: body
我在使用 IE 浏览器时遇到的outerHTML 问题 如果我说: txt="Update Complete!"; msg = sub.appendChild(d.createElement("p")
我正在尝试为 jQuery 元素获取一致的跨浏览器 outerHtml，尤其是 $("html").outerHtml()。例如，如果页面源是这样的: 我希望能够使用 $("html").outer
我在 html 中有 3 张图片。 我用 querySelectorAll 选择图像，把它们变成一个数组，然后: 第一步 我将它们封装在 中标签，添加 .img-container类，使用 oute
考虑以下片段: var cites = document.getElementsByTagName('cite'); console.log(cites.length); cites[0].outer
这把 fiddle https://jsfiddle.net/xa9m49zy/演示了您可以在渲染时获取 DOM 中文本区域的 outerHTML(带有文本区域值)，但是当文本区域动态添加到 DOM
我想获取一个 div#content 的 outerHTML，标签被 .text() 转义到一个变量中，像这样: var divContent = $('div#content')[0].text()
我创建了一个通用元素 var element = document.createElement(null); document.body.appendChild(element); 之后，使用 out
我有简单的代码: document.getElementById("number").addEventListener('click', test); var i = 1; function test
我正在使用 jQuery 获取外部 html:$('.page')[0].outerHTML这有效，但我有必须像这样关闭的 img 标签:但 outerHTML 删除了 / .如何解决这个问题？ UP
我有以下 javascript: // create a new article tag var elem = document.createElement('article'); // append
当你想得到 HTML对于整个 DOM 元素(包括包装器)，您可以执行以下操作(如 here 所述): $('#myElementId')[0].outerHTML 但是您不能做的是在 $(this)
我通过将其内容替换为 outerHTML 来替换 DOM 元素.这个技巧有效，但我需要立即访问新创建的 DOM 元素。 不幸的是元素的创建和生成 var code 的内容不在我的控制之下。 var c
我的代码从 Ajax 调用中获取 JSON，其中包含 XML，并通过它读取一些信息。 虽然 XML 的解析在 Chrome 中运行良好，但在 IE 中却不行，因为在 IE 中 outerHTML 返回
在开发过程中，jQuery.html() 是获取当前节点下的html代码，并不包含当前节点本身的代码，然后我们有时候确需要，找遍jQuery api文档也没有任何方法可以拿到。 看到有的人通过pa
我在页面上有这个 HTML 模板: Bid #1 我正在尝试删除 _[[template]] 文本，并将
所以如果我有一个 容器……我用你知道的: document.querySelector('.iii').outerHTML='';它删除了 span 并实质上从 DOM 中删除了该 span 元素，并
我是一名优秀的程序员,十分优秀！