解析 HTML 并以 JSON 形式从元素中检索文本

Parse HTML and retrieve text from element as a JSON

提问人:Bray 提问时间:7/23/2023 最后编辑:vimuthBray 更新时间:7/26/2023 访问量:30

问:

我是一个完全的新手。但是我想从html中检索文本。我已经检查了我的应用程序元素,并拥有我想要的类 ID。

我需要在 Java 脚本中插入什么来解析 html 代码并检索“rbc-toolbar-label”中的文本

就像我说的,我是一个新手,但任何指导将不胜感激。

现在我有这样的东西:

按 ID 获取元素

var element = document.getElementById("rbc-toolbar-label");

// Get the text content of the element

var text = element.textContent;
html json 获取 html 解析

评论


答:

0赞 Dhruv 7/23/2023 #1

如果我理解正确,那么你想通过javascript解析html,那么你可以按照以下步骤来做到这一点。如果这不是您的答案,请详细说明您的问题,以便我理解。

第 1 步:使用 JavaScript 创建 HTML 元素: 要在 JavaScript 中创建 HTML 元素,您可以使用该方法。此方法允许您创建一个新的 HTML 元素,该元素可以在将其添加到网页之前进行自定义和操作。document.createElement()

例:

var temporaryDiv = document.createElement("div");

第 2 步:从现有 HTML 元素中提取 HTML 内容: 若要从现有 HTML 元素中获取 HTML 内容,可以使用该属性。此属性包含所选元素内的完整 HTML 内容,包括其子元素、文本和属性。innerHTML

例:

var htmlContent = document.documentElement.innerHTML;

第 3 步:将 HTML 内容注入到: 要将 HTML 内容插入到新创建的 中,可以将提取的内容分配给 的属性。这会将 的内容设置为与您在步骤 2 中提取的 HTML 内容相同。temporaryDivtemporaryDivhtmlContentinnerHTMLtemporaryDivtemporaryDiv

例:

temporaryDiv.innerHTML = htmlContent;

通过执行这些步骤,您将能够使用 JavaScript 解析和操作 HTML 内容,从而允许您动态创建、修改或提取 HTML 文档的特定部分。此技术对于生成动态内容、构建用户界面或处理从外部源检索的数据特别有用。

评论

0赞 Bray 7/24/2023
这与我所追求的非常接近,但要澄清的是,我不想创建一个新的 html 元素。我只想将文本嵌入到该元素中。优选发送到片状单元。我还希望在网站上单击特定链接时触发它。这有意义吗?