问题标签 [outerhtml]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
499 浏览

javascript - 如何扩展一个 javascript 对象,以便在本身没有 outerHTML 的浏览器中,我可以定义它?

我找到了这个函数(不过,我忘记了在哪里):

但是这个函数通过调用outerHTML(my_element)而不是my_element.outerHTML

我希望能够扩展一个 javascript DOM 元素对象,使其具有 outerHTML 元素,但如果存在,仍然使用本机元素。我怎么做?

我想这样做的主要原因是因为 Firefox 本身没有 outerHTML 方法,但如果可用,我仍然想使用本机实现,因为它们已经过全面测试,我觉得我可以信任它们。

更新:@Raynos 建议我不要为 outerHTML 做上述事情,我应该做一些类似于 outerHTML 规范的事情。我发现了这个: 如何在 Firefox 中执行 OuterHTML? 并且它不执行 .cloneNode,这可能会导致 FireFox 8.0.1 中的错误。
所以,我的解决方案是这样的,根据@Raynos:

0 投票
1 回答
1362 浏览

javascript - jquery replaceWith not working on google chrome

I am facing a strange problem with dynamically replacing controls using javascript in Google Chrome. The replaced controls dont show up in UI but when i use developer tools i am able to locate the replaced element but it does not show up until i close the developer tools. once i open and close developer tools the issue is no longer replicatable until i refresh the page.

This happens only in cases where i am trying to replace outerHTML of an element.

I first tried using jquery's replaceWith api, that dint help so i switched to the following script -

I dont think that its a problem with my javascript since the problem is specific to chrome and also happens in only certain cases.

Any help would be greatly appreciated

0 投票
9 回答
3784 浏览

javascript - 获取包括属性的开始标签 - 没有 innerHTML 的outerHTML

我想从 DOM 中检索某个标签元素及其属性。例如,从

我想得到<a href="#" class="class">,可选地用一个结束</a>,作为一个字符串或其他一些对象。在我看来,这类似于在.outerHTML没有.innerHTML.

最后,我需要它来通过 jQuery 包装一些其他元素。我试过

.get()返回包含其内容的 DOM 元素。还

失败,因为elem.attributes返回 aNamedNodeMap不适用于 jQuery attr(),我无法转换它。承认上面的例子不是很有意义,因为它们也复制了元素的不再唯一的 ID。但是有什么简单的方法吗?非常感谢。

0 投票
1 回答
1706 浏览

javascript - 如何使用 jquery 获取完整的 HTML 代码 onClick

我有以下 HTML 代码

当我点击链接时,我希望我的字符串包含下面的完整 HTML 代码

我尝试使用这种方法,但我只能获取文本“Google”,无法获取锚代码。

Google仅在需要时才发出字符串警报<a href="http://www.google.com">Google</a>

0 投票
2 回答
245 浏览

jquery - Jquery Outerhtml 添加额外不需要的样式

当我单击一个元素时,我有以下代码来获取 html 代码,例如 <p>

单击按钮时,我想获取正在单击的元素的内容。

对于第一次点击,我能够得到我想要的。但是,当我第二次单击时,我意识到元素中添加了一些额外的样式。

示例:style="background-color:transparent;border-top-width:0 etc"

为什么会这样?将不胜感激任何启示!

0 投票
1 回答
938 浏览

security - outerHTML 是否具有与 innerHTML 相同的 XSS 漏洞?

我们公司的安全扫描似乎一直挂在 swfobject.js 中的这个 outerHTML 属性上:

我熟悉与innerHTML 相关的XSS 漏洞,但您能举一些例子说明在这种情况下如何利用outerHTML 吗?我想知道扫描是否会产生误报——我认为 swfobject 背后的团队会解决所有 XSS 问题。

谢谢!

0 投票
1 回答
257 浏览

javascript - 为什么由`outerHTML`更改的DIV仍然没有响应

当我单击元素时,它会启动,但是当再次单击该元素时,它什么也不做。刷新页面并再次单击有效(直到再次单击它)。为什么?

单击 div 时,AJAX 将其传递给 PHP 中的xmlhttp.send();; “点击”事件由document.getElementById('b_'+countr).addEventListener("click", selectionMade);.

我认为这与文档加载有关-我想触发由outerHTML;更改的内容。下面提供的完整代码:

0 投票
0 回答
319 浏览

javascript - outerHTML 是否有 Zepto 等价物?

我无法找到与 outerHTML 等效的 Zepto,所以我编写了自己的函数。

有没有更好的办法?我的功能对我有用,但如果有一种“正确”的方法可以做到这一点,我更愿意这样做。

0 投票
5 回答
9617 浏览

javascript - SVG 元素的 outerHTML

为什么我们不能获得带有element.outerHTML属性的 svg 元素的 outerHTML?

这种方式是获取 svg 源代码的最佳http://jsfiddle.net/33g8g/吗?

0 投票
1 回答
494 浏览

javascript - Javascript OuterHTML:如何使用字符串文字?

首先是一些 HTML 代码:

这是JS代码:

现在这个 HTML 代码可以工作了(当我点击它时,div 切换并且图片改变了):

但不是这个:

在 Firefox 中调试时,它只会给我一个错误代码:

有人知道正确的代码而不使用函数 getOuterHMTL(element) 但使用“普通”字符串文字?