问题标签 [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 投票
2 回答
394 浏览

javascript - 如何在没有任何类名或 ID 的情况下使用 Javascript 或 JQuery 替换 HTML 标签

请帮我替换下面的html代码

原始代码

在 PageLoad 上它应该更改为

0 投票
1 回答
254 浏览

javascript - "object HTMLDivElement" with outerHTML and with replaceWith() does nothing

I'm confused as to why this is failing. I'm trying to directly replace a DIV completely with replaceWith from jquery.

i've tried bunch of variation, but either nothing gets updated. or if i try outerhtml [object HTMLDivElement] instead of the html. (which means I'm for sure working with a node, right? which means replaceWith() should work?).

I'm iterating through an array of currently displayed 'cardObjects', and comparing it to an identically structured incoming array (it's a sorted ordered list). the object's.html is the node element. and the object's.target is pointing to the element's id.

the console.log output is:

here as shown in the console.log we get no updated div. if i instead try updateTarget.outerHTML = inc[y].html - then I get [object HTMLDivElement] on the browser window.

I've tried a few iterations - and I'm a bit lost as to why this isn't working. the object.html is a node, but won't replace another node with replaceWith();

I'm probably missing something.

also below is that constructElement function by request.

0 投票
1 回答
101 浏览

reactjs - React dom outerHTML 似乎不对?

我创建了一个演示。

演示网址:https ://4ikgc.csb.app/

为什么 outerHTML 总是<h1>abc</h1>

顺便说一句,为什么控制台似乎将所有内容记录了两次。

现在console.log的内容是:

但我认为正确的内容是:

希望有人可以帮助我!非常感谢!

0 投票
1 回答
33 浏览

javascript - 由 javascript 更改的元素未提交

我创建了一个带有文本输入和按钮的简单表单。

然后我用 JavaScript 的下拉列表替换文本输入。

但是,现在通过单击提交按钮,未提交所选值。

注意:我使用以下代码来获取和检查值。

0 投票
0 回答
57 浏览

javascript - eventlistener("blur") 和设置 outerHTML

我有这个代码:

简单的解释是:在我的用户个人资料页面上,我有用户的所有信息,每个信息旁边都有一个图标。当用户单击该图标时,包含信息的跨度将转换为输入。

我将重点放在创建的输入上。
我添加了一个均匀的监听器,所以如果输入失去焦点,它会变回一个跨度。它退出了这个功能。
我添加了另一个事件侦听器,因此如果用户输入某些内容(或不输入)然后按 Enter,那么新输入将被处理(有点像在表单中)并将输入转换回包含新数据的跨度。我还添加了一个小窗口,注意更改是否有效,在 4.5 秒后返回显示 none

问题在于,当用户按下回车键时,输入确实会转换回跨度,但包含与以前相同的数据。我在控制台中将此作为错误消息:

未捕获的 DOMException:无法在“元素”上设置“outerHTML”属性:要删除的节点不再是该节点的子节点。也许它是在“模糊”事件处理程序中移动的?

按下回车键后,我尝试删除事件侦听器,但它仍然显示此错误消息,并且当输入转换回跨度时,不会将新数据显示到跨度中。

请注意,我知道此代码不受 html 注入保护。我很匆忙地写了它,没有花时间来保护它,但我以后会的。所以,不用担心。

哦,另外,请注意,即使数据没有显示在 span 中,ajax 仍然可以正常工作,并且如果满足要求,数据库中的数据也会更改。

0 投票
1 回答
33 浏览

javascript - Javascript 语法 getElementById outerHTML

我有一个关于outerHTML 语法的问题。也有可能是我想错了方向。

我的html文件如下:

我指的是一个脚本,目前唯一的内容是

在 html 文件中,它应该显示它的值和变量。我不知道该怎么做。

0 投票
3 回答
40 浏览

javascript -
使用 getElementsByClassName提取部分文本(在 之前)

我无法从 Class 属性中获取特定的文本。文本既有名称又有 ID。两者对我都很重要,但我需要将它们拆分并放置在单独的数组中。

我的第一个想法是弹出每个元素中的最后一项(转换为字符串或列表,用“”分隔并弹出最后一项)。但是,我意识到名称和 ID 之间并不总是有空格,所以这是行不通的。

我的第二个想法是使用 OuterHTML 并<br><br>.

然而,这是使用 outerHTML 返回的文本的样子:

我找不到一种方法来简单地抓住<br>......这似乎是一个人可以轻松做到的事情......也许我错过了它。

取而代之的是,我尝试使用索引来获取文本:

它以 -1 的形式返回,因此它没有解释该文本中的乱码。知道我该如何做到这一点吗?我想我现在要掉进兔子洞了。

0 投票
1 回答
46 浏览

javascript - CSS 对于动态创建的 html 无效

我想要一个用户可以更新(添加、删除和重命名节点)的树视图,但我遇到了一个问题。

我从这里描述的过程开始:https ://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_treeview 。您可以在此处查看我如何尝试更新节点:https ://jsfiddle.net/mervius68/4of5ung0/2/ 。如果我使用 Javascript 替换元素的 outerHTML,则不再识别该文本内的类(打开和关闭树节点所必需的)。如何让 CSS 应用于 Javascript 创建的 HTML?名为“Tea”的节点成功重命名为“BEAR”,但随后无法在折叠和打开之间切换。

我可以在更改 innerHTML 时让它工作,但我需要添加全新的节点,所以我认为我需要让 outerHTML 选项工作。请帮忙?

0 投票
0 回答
188 浏览

.net - 在 Webview2 中使用 ExecuteScriptAsync 从网站中提取数据

以前,我使用 .net Webbrowser 类从网页中抓取数据,这些网页需要您实际加载它们才能显示相关数据,从而使简单的 HTML 请求毫无用处。由于该类现在无法使用,我已切换到 Webview2,并且它在 1 个网站上运行良好。我在加载网页后使用了以下函数,然后用一些正则表达式魔法解析了我所追求的数据:

但是,现在我正在尝试从另一个网站提取数据,似乎我尝试提取的数据根本没有在 outerHTML 字符串中找到。我知道在加载网页之前激活功能不是问题,因为为了调试,我等到我在屏幕上看到我想要的数据,然后用按钮手动激活该功能。在常规浏览器中使用检查元素,我可以很好地看到我想要的数据。

我对网站设计知之甚少,所以也许我在这里遗漏了一些东西。据我了解,网页中可见的所有内容都以 outerHTML 表示。除了 outerHTML 之外,还有其他可以使用 ExecuteScriptAsync 提取的数据吗?

0 投票
2 回答
123 浏览

c# - C#Selenium如何获取元素所有子元素的outerhtml

这是一个html代码;

我想得到 alldiv-f2qqs的 outerHTML 的孩子。我该怎么做有人可以帮助我吗?