问题标签 [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.
javascript - 如何在没有任何类名或 ID 的情况下使用 Javascript 或 JQuery 替换 HTML 标签
请帮我替换下面的html代码
原始代码
在 PageLoad 上它应该更改为
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.
reactjs - React dom outerHTML 似乎不对?
为什么 outerHTML 总是<h1>abc</h1>
顺便说一句,为什么控制台似乎将所有内容记录了两次。
现在console.log的内容是:
但我认为正确的内容是:
希望有人可以帮助我!非常感谢!
javascript - 由 javascript 更改的元素未提交
我创建了一个带有文本输入和按钮的简单表单。
然后我用 JavaScript 的下拉列表替换文本输入。
但是,现在通过单击提交按钮,未提交所选值。
注意:我使用以下代码来获取和检查值。
javascript - eventlistener("blur") 和设置 outerHTML
我有这个代码:
简单的解释是:在我的用户个人资料页面上,我有用户的所有信息,每个信息旁边都有一个图标。当用户单击该图标时,包含信息的跨度将转换为输入。
我将重点放在创建的输入上。
我添加了一个均匀的监听器,所以如果输入失去焦点,它会变回一个跨度。它退出了这个功能。
我添加了另一个事件侦听器,因此如果用户输入某些内容(或不输入)然后按 Enter,那么新输入将被处理(有点像在表单中)并将输入转换回包含新数据的跨度。我还添加了一个小窗口,注意更改是否有效,在 4.5 秒后返回显示 none
问题在于,当用户按下回车键时,输入确实会转换回跨度,但包含与以前相同的数据。我在控制台中将此作为错误消息:
未捕获的 DOMException:无法在“元素”上设置“outerHTML”属性:要删除的节点不再是该节点的子节点。也许它是在“模糊”事件处理程序中移动的?
按下回车键后,我尝试删除事件侦听器,但它仍然显示此错误消息,并且当输入转换回跨度时,不会将新数据显示到跨度中。
请注意,我知道此代码不受 html 注入保护。我很匆忙地写了它,没有花时间来保护它,但我以后会的。所以,不用担心。
哦,另外,请注意,即使数据没有显示在 span 中,ajax 仍然可以正常工作,并且如果满足要求,数据库中的数据也会更改。
javascript - Javascript 语法 getElementById outerHTML
我有一个关于outerHTML 语法的问题。也有可能是我想错了方向。
我的html文件如下:
我指的是一个脚本,目前唯一的内容是
在 html 文件中,它应该显示它的值和变量。我不知道该怎么做。
javascript -
使用 getElementsByClassName提取部分文本(在 之前)
我无法从 Class 属性中获取特定的文本。文本既有名称又有 ID。两者对我都很重要,但我需要将它们拆分并放置在单独的数组中。
我的第一个想法是弹出每个元素中的最后一项(转换为字符串或列表,用“”分隔并弹出最后一项)。但是,我意识到名称和 ID 之间并不总是有空格,所以这是行不通的。
我的第二个想法是使用 OuterHTML 并<br>
在<br>
.
然而,这是使用 outerHTML 返回的文本的样子:
我找不到一种方法来简单地抓住<br>
......这似乎是一个人可以轻松做到的事情......也许我错过了它。
取而代之的是,我尝试使用索引来获取文本:
它以 -1 的形式返回,因此它没有解释该文本中的乱码。知道我该如何做到这一点吗?我想我现在要掉进兔子洞了。
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 选项工作。请帮忙?
.net - 在 Webview2 中使用 ExecuteScriptAsync 从网站中提取数据
以前,我使用 .net Webbrowser 类从网页中抓取数据,这些网页需要您实际加载它们才能显示相关数据,从而使简单的 HTML 请求毫无用处。由于该类现在无法使用,我已切换到 Webview2,并且它在 1 个网站上运行良好。我在加载网页后使用了以下函数,然后用一些正则表达式魔法解析了我所追求的数据:
但是,现在我正在尝试从另一个网站提取数据,似乎我尝试提取的数据根本没有在 outerHTML 字符串中找到。我知道在加载网页之前激活功能不是问题,因为为了调试,我等到我在屏幕上看到我想要的数据,然后用按钮手动激活该功能。在常规浏览器中使用检查元素,我可以很好地看到我想要的数据。
我对网站设计知之甚少,所以也许我在这里遗漏了一些东西。据我了解,网页中可见的所有内容都以 outerHTML 表示。除了 outerHTML 之外,还有其他可以使用 ExecuteScriptAsync 提取的数据吗?
c# - C#Selenium如何获取元素所有子元素的outerhtml
这是一个html代码;
我想得到 alldiv-f2qqs
的 outerHTML 的孩子。我该怎么做有人可以帮助我吗?