javascript - 操作 HTML 并放入数组-6ren

javascript - 操作 HTML 并放入数组

转载作者：行者123 更新时间：2023-11-28 03:42:30

我有以下来自谷歌书签导出的 HTML。我想删除某些信息。文件夹层、URL、描述。

如果可能的话，我想使用 JavaScript(或其他任何东西)将输出信息放入一个数组中，然后我可以调用该数组。以 5 个变量结束。

$ root folder  - Test Folder 1 (Tier 1)
$ sub folder 1 - Test 1 (Tier 2)
$ sub folder 2 - Test 1 (Tier 3)
$ URL          - https://stackoverflow.com/
$ Description  - Stack Overflow

输入

<DL><p>
    <DT><H3 ADD_DATE="1444728233" LAST_MODIFIED="1495547034" PERSONAL_TOOLBAR_FOLDER="true">Bookmarks bar</H3>
    <DL><p>

        <DT><H3 ADD_DATE="1495544136" LAST_MODIFIED="1495544331">Test Folder 1 (Tier 1)</H3>
        <DL><p>
            <DT><H3 ADD_DATE="1495544331" LAST_MODIFIED="1495546321">Test 1 (Tier 2)</H3>
            <DL><p>
                <DT><H3 ADD_DATE="1495546129" LAST_MODIFIED="1495546445">Test 1 (Tier 3)</H3>
                <DL><p>
                    <DT><A HREF="https://stackoverflow.com/" ADD_DATE="1495546321" ICON="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABXklEQVQ4jbWQsUsCYRjGn/fuSu/Sk3ALmlzNtoagKRqSaHMKGkKhEOV0KWispSXPQaglAnNobOgfaCyIcgicmxO9zFPv/N5WwTs5gt7x+5739/2eDwgw/bK67HcnBQG4Ag3L0LJ/BoBFDuDzTiGUCAywDC3bNbRtANCrwxaBziRZanAGcjADwR8AX1uGesEZyFGzXwO43VsKn07GaJa5lY/GMefUAYooEvaELDnCEW9M2I1V7GdPg04hlLAM7dYqqut67ftLNwdpMB5dgRfXdVMgHIFpx9egfbwYk0eDA2LKAWJMkK6cUOhOGdkpZmoQiy29OmwFq1AKb5CgQyakAXqQJKpELn/eJzPK1JKhPhHjk4EmMzUVmU/coVLkeXff672pk155YXUsxikCJQFeYVCSgCiAV920N311b+r37FslH413S+qaV86rggfIBbG38RRAN+2ZHzsTMKvGv80vvziHGAusG84AAAAASUVORK5CYII=">Stack Overflow</A>
                    <DT><A HREF="https://dirtymarkup.com/" ADD_DATE="1495546340" ICON="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACC0lEQVQ4jc2SO4gTYRSFz//feWWSaHQnM2GHTZNNlS67bGFlvYXaLWhnp5WNnZ2dnaxopZVgZWElbGO/6EAkJIWGQBhI3BnMY9U89n/YZCGKBGzEAwducc6Fy/2AfyT+N2G29J9Ev8+0JgwADgCxu7u7FwTBYjAYfFt29NJgAEwAZwBQq9UuM8YCItpoNBrHtVrNYoxdchznaLFY3BBCyFar9XnlLEUAlOd5+a2tLa/dbo/CMLzPOb/S7/ffJEkyD8PwJmPMVkp9NAxjr1gs5kulkmPbtjRN0+QATM/zNizLqtbr9UeMsarW+jEAtbm56QI4mM/nTwzDKBiGcZuI9pVSwnVdnqbplJfL5RwRzSzLeqm1nkZRdD2O4w4AXSqVDojIbjabx1EUHU0mk2tElLMs63A2m0kAnPd6vWGapqda64ec8+2dnZ27vu8DAOOc35FSPgOggiDIZLPZUGt9UWv9XWudKRQKLhWLxZzrunkiOmGMCSLaJyLm+77POb8aRdE9AKpard4iogdSyhcAXnHOEcfxFyNJkkU2mx0JIc6klO+klLHW+oPjOK+VUs8BKAAmY6wuhDhsNBpvK5XKhU6nkwBgBECORiOZpumPNE2/5nK5k+l0qmzb3h6Px0+Hw6ECgEwm8940zU+u64put3u65MBcpe8crFXaAMBa/nwdcL+wfr5gbeH/0U9As88ACmZhwgAAAABJRU5ErkJggg==">DirtyMarkup · Tidy up your HTML, CSS, and JavaScript code</A>
                    <DT><A HREF="http://www.bbc.com/news" ADD_DATE="1495546445" ICON="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAT0lEQVQ4je2RMQ7AIAwDz/z/z+5QgajJUmXlxkO2kQIXAe7kB4Bt7G9P5So/VpV0BNLZRhKSzoL5mGvpkl8/qNA75BXY19MVXu0rNLKXyQMkVzL9n5I6iQAAAABJRU5ErkJggg==">Home - BBC News</A>
                </DL><p>
            </DL><p>
        </DL><p>
        <DT><H3 ADD_DATE="1495546969" LAST_MODIFIED="1495546987">Test Folder 2 (Tier 1)</H3>
        <DL><p>
            <DT><H3 ADD_DATE="1495546987" LAST_MODIFIED="1495547012">Test 2 (Tier 2)</H3>
            <DL><p>
                <DT><H3 ADD_DATE="1495547012" LAST_MODIFIED="1495547167">Test 2 (Tier 3)</H3>
                <DL><p>
                    <DT><A HREF="https://stackoverflow.com/" ADD_DATE="1495547167" ICON="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABXklEQVQ4jbWQsUsCYRjGn/fuSu/Sk3ALmlzNtoagKRqSaHMKGkKhEOV0KWispSXPQaglAnNobOgfaCyIcgicmxO9zFPv/N5WwTs5gt7x+5739/2eDwgw/bK67HcnBQG4Ag3L0LJ/BoBFDuDzTiGUCAywDC3bNbRtANCrwxaBziRZanAGcjADwR8AX1uGesEZyFGzXwO43VsKn07GaJa5lY/GMefUAYooEvaELDnCEW9M2I1V7GdPg04hlLAM7dYqqut67ftLNwdpMB5dgRfXdVMgHIFpx9egfbwYk0eDA2LKAWJMkK6cUOhOGdkpZmoQiy29OmwFq1AKb5CgQyakAXqQJKpELn/eJzPK1JKhPhHjk4EmMzUVmU/coVLkeXff672pk155YXUsxikCJQFeYVCSgCiAV920N311b+r37FslH413S+qaV86rggfIBbG38RRAN+2ZHzsTMKvGv80vvziHGAusG84AAAAASUVORK5CYII=">Stack Overflow</A>
                    <DT><A HREF="https://dirtymarkup.com/" ADD_DATE="1495547167" ICON="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACC0lEQVQ4jc2SO4gTYRSFz//feWWSaHQnM2GHTZNNlS67bGFlvYXaLWhnp5WNnZ2dnaxopZVgZWElbGO/6EAkJIWGQBhI3BnMY9U89n/YZCGKBGzEAwducc6Fy/2AfyT+N2G29J9Ev8+0JgwADgCxu7u7FwTBYjAYfFt29NJgAEwAZwBQq9UuM8YCItpoNBrHtVrNYoxdchznaLFY3BBCyFar9XnlLEUAlOd5+a2tLa/dbo/CMLzPOb/S7/ffJEkyD8PwJmPMVkp9NAxjr1gs5kulkmPbtjRN0+QATM/zNizLqtbr9UeMsarW+jEAtbm56QI4mM/nTwzDKBiGcZuI9pVSwnVdnqbplJfL5RwRzSzLeqm1nkZRdD2O4w4AXSqVDojIbjabx1EUHU0mk2tElLMs63A2m0kAnPd6vWGapqda64ec8+2dnZ27vu8DAOOc35FSPgOggiDIZLPZUGt9UWv9XWudKRQKLhWLxZzrunkiOmGMCSLaJyLm+77POb8aRdE9AKpard4iogdSyhcAXnHOEcfxFyNJkkU2mx0JIc6klO+klLHW+oPjOK+VUs8BKAAmY6wuhDhsNBpvK5XKhU6nkwBgBECORiOZpumPNE2/5nK5k+l0qmzb3h6Px0+Hw6ECgEwm8940zU+u64put3u65MBcpe8crFXaAMBa/nwdcL+wfr5gbeH/0U9As88ACmZhwgAAAABJRU5ErkJggg==">DirtyMarkup · Tidy up your HTML, CSS, and JavaScript code</A>
                    <DT><A HREF="http://www.bbc.com/news" ADD_DATE="1495547167" ICON="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAT0lEQVQ4je2RMQ7AIAwDz/z/z+5QgajJUmXlxkO2kQIXAe7kB4Bt7G9P5So/VpV0BNLZRhKSzoL5mGvpkl8/qNA75BXY19MVXu0rNLKXyQMkVzL9n5I6iQAAAABJRU5ErkJggg==">Home - BBC News</A>
                </DL><p>
            </DL><p>
        </DL><p>
        <DT><H3 ADD_DATE="1495547034" LAST_MODIFIED="1495547056">Test Folder 3 (Tier 1)</H3>
        <DL><p>
            <DT><H3 ADD_DATE="1495547056" LAST_MODIFIED="1495547084">Test 3 (Tier 2)</H3>
            <DL><p>
                <DT><H3 ADD_DATE="1495547084" LAST_MODIFIED="1495547171">Test 3 (Tier 3)</H3>
                <DL><p>
                    <DT><A HREF="https://stackoverflow.com/" ADD_DATE="1495547171" ICON="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABXklEQVQ4jbWQsUsCYRjGn/fuSu/Sk3ALmlzNtoagKRqSaHMKGkKhEOV0KWispSXPQaglAnNobOgfaCyIcgicmxO9zFPv/N5WwTs5gt7x+5739/2eDwgw/bK67HcnBQG4Ag3L0LJ/BoBFDuDzTiGUCAywDC3bNbRtANCrwxaBziRZanAGcjADwR8AX1uGesEZyFGzXwO43VsKn07GaJa5lY/GMefUAYooEvaELDnCEW9M2I1V7GdPg04hlLAM7dYqqut67ftLNwdpMB5dgRfXdVMgHIFpx9egfbwYk0eDA2LKAWJMkK6cUOhOGdkpZmoQiy29OmwFq1AKb5CgQyakAXqQJKpELn/eJzPK1JKhPhHjk4EmMzUVmU/coVLkeXff672pk155YXUsxikCJQFeYVCSgCiAV920N311b+r37FslH413S+qaV86rggfIBbG38RRAN+2ZHzsTMKvGv80vvziHGAusG84AAAAASUVORK5CYII=">Stack Overflow</A>
                    <DT><A HREF="https://dirtymarkup.com/" ADD_DATE="1495547171" ICON="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACC0lEQVQ4jc2SO4gTYRSFz//feWWSaHQnM2GHTZNNlS67bGFlvYXaLWhnp5WNnZ2dnaxopZVgZWElbGO/6EAkJIWGQBhI3BnMY9U89n/YZCGKBGzEAwducc6Fy/2AfyT+N2G29J9Ev8+0JgwADgCxu7u7FwTBYjAYfFt29NJgAEwAZwBQq9UuM8YCItpoNBrHtVrNYoxdchznaLFY3BBCyFar9XnlLEUAlOd5+a2tLa/dbo/CMLzPOb/S7/ffJEkyD8PwJmPMVkp9NAxjr1gs5kulkmPbtjRN0+QATM/zNizLqtbr9UeMsarW+jEAtbm56QI4mM/nTwzDKBiGcZuI9pVSwnVdnqbplJfL5RwRzSzLeqm1nkZRdD2O4w4AXSqVDojIbjabx1EUHU0mk2tElLMs63A2m0kAnPd6vWGapqda64ec8+2dnZ27vu8DAOOc35FSPgOggiDIZLPZUGt9UWv9XWudKRQKLhWLxZzrunkiOmGMCSLaJyLm+77POb8aRdE9AKpard4iogdSyhcAXnHOEcfxFyNJkkU2mx0JIc6klO+klLHW+oPjOK+VUs8BKAAmY6wuhDhsNBpvK5XKhU6nkwBgBECORiOZpumPNE2/5nK5k+l0qmzb3h6Px0+Hw6ECgEwm8940zU+u64put3u65MBcpe8crFXaAMBa/nwdcL+wfr5gbeH/0U9As88ACmZhwgAAAABJRU5ErkJggg==">DirtyMarkup · Tidy up your HTML, CSS, and JavaScript code</A>
                    <DT><A HREF="http://www.bbc.com/news" ADD_DATE="1495547171" ICON="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAT0lEQVQ4je2RMQ7AIAwDz/z/z+5QgajJUmXlxkO2kQIXAe7kB4Bt7G9P5So/VpV0BNLZRhKSzoL5mGvpkl8/qNA75BXY19MVXu0rNLKXyQMkVzL9n5I6iQAAAABJRU5ErkJggg==">Home - BBC News</A>
                </DL><p>
            </DL><p>
        </DL><p>
    </DL><p>
</DL><p>

输出

Test Folder 1 (Tier 1)
Test 1 (Tier 2)
Test 1 (Tier 3)
https://stackoverflow.com/
Stack Overflow

Test Folder 1 (Tier 1)
Test 1 (Tier 2)
Test 1 (Tier 3)
https://dirtymarkup.com/
DirtyMarkup · Tidy up your HTML, CSS, and JavaScript code

Test Folder 1 (Tier 1)
Test 1 (Tier 2)
Test 1 (Tier 3)
http://www.bbc.com/news
Home - BBC News


Test Folder 2 (Tier 1)
Test 1 (Tier 2)
Test 1 (Tier 3)
https://stackoverflow.com/
Stack Overflow

Test Folder 2 (Tier 1)
Test 1 (Tier 2)
Test 1 (Tier 3)
https://dirtymarkup.com/
DirtyMarkup · Tidy up your HTML, CSS, and JavaScript code

Test Folder 2 (Tier 1)
Test 1 (Tier 2)
Test 1 (Tier 3)
http://www.bbc.com/news
Home - BBC News


Test Folder 3 (Tier 1)
Test 1 (Tier 2)
Test 1 (Tier 3)
https://stackoverflow.com/
Stack Overflow

Test Folder 3 (Tier 1)
Test 1 (Tier 2)
Test 1 (Tier 3)
https://dirtymarkup.com/
DirtyMarkup · Tidy up your HTML, CSS, and JavaScript code

Test Folder 3 (Tier 1)
Test 1 (Tier 2)
Test 1 (Tier 3)
http://www.bbc.com/news
Home - BBC News

最佳答案

var map = { };

$('Break').children().each(function(_, node) {
    map[ _ ] = { };
    map[ _ ][ node.nodeName ] = node.textContent;
});

这是完成的第一部分。但我卡在数组部分....

关于javascript - 操作 HTML 并放入数组，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44144228/

文章推荐： ios - 从适用于 iOS 的 HTML5 应用程序调用号码的超链接

文章推荐： c++ - JNI-C++ 使用 jni 时如何清理 jfloat 等原语

文章推荐： javascript - 如何让jQuery自动完成的下拉超出浏览器窗口？

java - Struts2 操作 > JSP > 操作
我正在努力做到这一点在我的操作中从数据库获取对象列表(确定) 在 JSP 上打印(确定) 此列表作为 JSP 中的可编辑表出现。我想修改然后将其提交回同一操作以将其保存在我的数据库中(失败。当我使用
linq - 不支持嵌套查询。操作 1 ='UnionAll' 操作 2 ='MultiStreamNest'
我有以下形式的 Linq to Entities 查询: var x = from a in SomeData where ... some conditions ... select
c# - 不支持嵌套查询。操作 1 ='UnionAll' 操作 2 ='MultiStreamNest'
我有以下查询。 var query = Repository.Query() .Where(p => !p.IsDeleted && p.Article.ArticleSections.Cou
java - Jtable ListSelectionListener 不响应 jtable 操作，而是响应同一个类中的另一个 jtable 操作
我正在编写一个应用程序包，其中包含一个主类，其中主方法与GUI类分开，GUI类包含一个带有jtabbedpane的jframe，它有两个选项卡，第一个选项卡包含一个jtable，称为jtable1，第
c# - LINQ 嵌套数组和三元运算符。不支持嵌套查询。操作 1 ='Case' 操作 2 ='Collect'
以下代码产生错误 The nested query is not supported. Operation1='Case' Operation2='Collect' 问题是我做错了什么？我该如何解决？
Redis哨兵中的C#操作
我已经为 HA redis 集群(2 个副本、1 个主节点、3 个哨兵)设置了本地 docker 环境。只有哨兵暴露端口(10021、10022、10023)。我使用的是 stackexchange
液体模板过滤器中的日期数学/操作
我正在 Desk.com 中构建一个“集成 URL”，它使用 Shopify Liquid 模板过滤器语法。对于开始日期为 7 天前而结束日期为现在的查询，此 URL 需要包含“开始日期”和“结束日期
Python为什么不支持 i++/i--操作
你一定想过。然而情况却不理想，python中只能使用类似于 i++/i--等操作。 python中的自增操作下面代码几乎是所有程序员在python中进行自增(减)操作的常用
GitHub 操作 - 将分支名称显示为构建名称
我需要在每个使用 github 操作的手动构建中显示分支。例如:https://gyazo.com/2131bf83b0df1e2157480e5be842d4fb 我应该显示分支而不是一个。最佳答
Perl qr//操作
我有一个关于 Perl qr 运算符的问题: #!/usr/bin/perl -w &mysplit("a:b:c", /:/); sub mysplit { my($str, $patt
uml - ArgoUML 操作
我已经使用 ArgoUML 创建了一个 ERD(实体关系图)，我希望在一个类中创建两个操作，它们都具有 void 返回类型。但是，我只能创建一个返回 void 类型的操作。例如: 我能够将 book
关于拉取请求和主分支的 Github 操作
Github 操作仍处于测试阶段并且很新，但我希望有人可以提供帮助。我认为可以在主分支和拉取请求上运行 github 操作，如下所示: on: pull_request push: b
用于记录的 Twilio 操作
我正在尝试创建一个 Twilio 工作流来调用电话并记录用户所说的内容。为此，我正在使用 Record，但我不确定要在 action 参数中放置什么。尽管我知道 Twilio 会发送有关调用该 UR
OpenGL 模板缓冲区 OR 操作？
我不确定这是否可行，但值得一试。我正在使用模板缓冲区来减少使用此算法的延迟渲染器中光体积的过度绘制(当相机位于体积之外时): 使用廉价的着色器，将深度测试设置为 LEQUAL 绘制背面，将它们标记在模
用于复制和重命名文件的 GitHub 操作
有没有聪明的方法来复制和重命名文件通过 GitHub 操作？我想将一些自述文件复制到 /docs文件夹(:= 同一个 repo，不是远程的!)，它们将根据它们的 frontmatter 重命名
PowerShell CSV 操作
我有一个 .csv 文件，其中第一列包含用户名。它们采用 FirstName LastName 的形式。我想获取 FirstName 并将 LastName 的第一个字符添加到它上面，然后删除空格。然
Sitecore - 操作 URL
Sitecore 根据 Sitecore 树中定义的项目名称生成 URL， http://samplewebsite/Pages/Sample Page 但我们的客户有兴趣降低所有 URL(页面/示例
单击按钮时的 Angularjs 操作
我正在尝试进行一些计算，但是一旦我输入金额，它就会完成。我只是希望通过单击按钮而不是自动发生这种情况。到目前为止我做了什么: Angular JS - programming-fr
将文件从一个存储库复制到另一个存储库的 github 操作
我的公司创建了一种在环境之间移动文件的复杂方法，现在我们希望将某些构建的 JS 文件(已转换和缩小)从一个 github 存储库移动到另一个。使用 github 操作可以实现这一点吗？最佳答案最简
java - JSONArray 操作
在我的代码中，我创建了一个 JSONArray 对象。并向 JSONArray 对象添加了两个 JSONObject。我使用的是 json-simple-1.1.jar。我的代码是 package j

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 操作 HTML 并放入数组