问题标签 [innerhtml]

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 投票
2 回答
1005 浏览

javascript - 使用 innerHTML.repalce 将文本替换为 img 元素

我正在编写一个脚本来为 Gmail 聊天添加额外的笑脸。
它部分工作,我坚持使用innerHTML.replace 方法@line 33

如果您看到,replace 方法中的正则表达式是使用变量传递的。这就是脚本令人窒息的地方。
如果我用实际的正则表达式替换变量,它工作正常:|

0 投票
1 回答
8543 浏览

javascript - innerHTML 错误 IE8

这个 innerHTML 代码在 IE8 中不能可靠地工作:(但在 IE6 IE7 FF Opera Chrome Safari 中工作)(不能可靠地工作我的意思是我已经将此代码放在 onmouseover 处理程序中的各种元素上,有时它会在鼠标移动时改变文本在给定的元素上,有时它不会——这没有模式——它是否有效似乎是完全随机的)

DOM 方法(删除和重新添加带有更新文本的 div)也没有帮助。

所以我在上面的代码之后立即添加了它并修复了它:

使用条件注释,我将第二行代码标识为仅适用于 IE8

我很肯定这会为人们节省很多时间,因为我在这上面浪费了很多时间!甚至Jquery.text()没有帮助!

我在别处读到 innerHTML 将更新 DOM 但可能无法更新屏幕元素。我相信 CSS 规则有效,因为它动态更改了 #mydiv 的 after 伪类的内容,因此需要更新 mydiv 的内容,从而更新屏幕(innerHTML 未能做到这一点)。

但是,如果有人有更好的解决方案,我很想听听 - 谢谢

按要求编辑

0 投票
2 回答
411 浏览

javascript - javascript内部html问题

我正在尝试获取节点的 innerHTML 值。值为D&O。当我尝试使用 innerHTML 获取此值时,我得到了 D &[semicolon] O。是否有任何选项可以获取确切的值而不是使用 Javascript 的编码值?请帮我。

论坛阻止我在 & 之后输入分号

0 投票
3 回答
851 浏览

javascript - innerHTML 上的 __defineSetter__ 阻止它呈现

我正在尝试为 HTML 元素创建一个监视方法,__define[GS]etter__在更改属性时使用。当我设置值时它的反应很好,但如果监听的属性是innerHTML,它会以某种方式无法呈现给定的字符串。所以基本上,当我向 innerHTML 添加一些东西时,它不会显示。

我正在使用上一个问题中描述的 watch 方法: Watch for object properties changes in JavaScript

我可能只是不听 innerHTML 更改,但我也想知道是否以__defineSetter__某种方式阻止了对设置值的原始处理。

谢谢!

0 投票
5 回答
38738 浏览

javascript - createElement 相对于 innerHTML 的优势?

在实践中,使用 createElement 比使用 innerHTML 有什么优势?我之所以问,是因为我确信使用 innerHTML 在性能和代码可读性/可维护性方面更有效,但我的队友已经决定使用 createElement 作为编码方法。我只是想了解 createElement 如何更高效。

0 投票
2 回答
1448 浏览

perl - 在 Perl HTML::TreeBuilder 中获取/设置 innerHTML?

在 Perl HTML::TreeBuilder 中获取/设置 innerHTML?我可以获得 innerHTML 但不知道如何设置。

提前致谢。

0 投票
2 回答
2705 浏览

javascript - 在 IE 中使用 innerHTML 添加有序列表失败

我正在使用以下 Javascript 代码用有序列表填充 DIV:

在 firefox 中,如果我使用 Firebug 查看 DOM,则会正确转换为以下内容并正确显示有序列表。

在 IE 中,它显示为好像 </li> 标签是 <br /> 标签并忽略所有其他标签,如下所示:

这是列表中的第一项
这是列表中的第二项

我是否需要将有序列表动态添加到 DOM 才能正常工作?与仅使用 .innerHTML 在 div 中设置 html 代码相反?

TIA

0 投票
1 回答
2214 浏览

javascript - innerHTML 产生未定义,但正确的数据可见

上面的 javascript 片段可以根据需要正常工作,但是在条目显示在其相应页面中之前,我收到了“未定义”响应。我假设它与 .innerHTML 调用有关。任何见解将不胜感激。

0 投票
6 回答
1995 浏览

javascript - IE+jQuery+Ajax+XHTML:HTML 在 .html() 或 .innerHTML 之后被剪切

这是一个很难用一句话概括的问题,所以如果我杀了它,我很抱歉。

我最近启动了一个站点,该站点已在我的本地 Web 服务器上在所有我想要的浏览器平台上进行了广泛的测试,包括 IE8(IE8 标准模式,XHTML Strict)。在该站点在专用 Web 服务器上上线之前,我完全没有遇到任何问题。

该网站jQuery.get()change事件中input使用表单元素,其中响应被移植到一个常见的<div id="results"></div>.

尽管我读到了 IE 和 XMLHTTPRequest 的缓存问题,但我的问题似乎发生在我的 ajax 回调开始执行之后。我的回调(通过.get()/提供.load()——我都试过了)接收到我的服务器返回的 HTML 片段。在任何浏览器中测试返回的内容会准确地揭示我期望的内容。

然而,一旦我将 HTML 片段放入 DOM 树中#results,IE 实际上会从我的标记中剪掉前 7 个或 8 个开始标记(以及大多数这些标记的子标记)。这是非常奇怪的。我通过设置 HTML 内容将它固定在网站的另一个区域jQuery('#results')[0].innerHTML = content,但这次没有骰子。

示例响应:

从字面上看,通过它的开始标签的所有内容<span rel="stats">都被截断。效果是 IE 显示我返回的 AJAX 内容,就好像它以文本节点开头:..statistics.. </span>. (我尝试删除rel="stats"下面评论的建议,将其更改为 CSS 类,但结果相同。)

如果我直接通过浏览器的 URL 字段请求我的 AJAX url,返回的内容是完美的。

如果我alert()用来显示返回的 AJAX 内容,那就完美了。

.html()如果我通过or分配我的 AJAX 内容.innerHTML,它会立即被截断。

Sooo.... WTF?IE 的(蹩脚的)调试器不显示任何脚本错误或任何类似性质的东西。以前有没有人处理过这种问题?再次强调,在我的开发服务器(127.0.0.1)上,IE 没有问题,而且它似乎使用相同的“模式”(IE8 标准)和一切。

编辑:这是支持 AJAX 查找的 Javascript:

0 投票
2 回答
1409 浏览

internet-explorer-8 - 将 div innerhtml 设置为包含表的源

我认为我想做的事情很简单,但显然与 IE 相关的任何事情都不是简单的。

我将它与 Javascript 和 ajax 一起使用 -

它在 Firefox 和 IE7 中运行良好,但在 IE8 中运行良好。我怀疑这是因为文本包含一个表格,因为我已经用其他文本对其进行了测试。我不能换桌子。有没有办法解决这个问题?