获取html标签内容，将类数组转化为数组

最新推荐文章于 2024-07-19 15:32:49 发布
最新推荐文章于 2024-07-19 15:32:49 发布
阅读量112 收藏
点赞数
文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fengfeng_zhan/article/details/132597347
版权 
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="./public/logo.png" />
    <link rel="stylesheet" href="./css/animate.css"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="baidu-site-verification" content="codeva-16lqVrQO5r" />
    <title>电力运检平台</title>
    <script src="./config.js"></script>

    <meta name="keywords" content="">
    <meta name="description" content="">
  </head>
  <body>
    <div id="app">

    <ul class="series">
      <li data-filter-value="ALL" class="selected-option"><button type="button">All Series</button></li>
      <li data-filter-value="Commercial Books"><button type="button">Commercial Books</button></li>
      <li data-filter-value="Conference Proceedings"><button type="button">Conference Proceedings</button></li>
      <li data-filter-value="Corporate Publications"><button type="button">Corporate Publications</button></li>
      <li data-filter-value="Dissertations"><button type="button">Dissertations</button></li>
      <li data-filter-value="Documented Briefings"><button type="button">Documented Briefings</button></li>
      <li data-filter-value="External Publications"><button type="button">External Publications</button></li>
      <li data-filter-value="Infographics"><button type="button">Infographics</button></li>
      <li data-filter-value="Monographs"><button type="button">Monographs</button></li>
      <li data-filter-value="Occasional Papers"><button type="button">Occasional Papers</button></li>
      <li data-filter-value="Perspectives"><button type="button">Perspectives</button></li>
      <li data-filter-value="Presentations"><button type="button">Presentations</button></li>
      <li data-filter-value="Reprints"><button type="button">Reprints</button></li>
      <li data-filter-value="Research Briefs"><button type="button">Research Briefs</button></li>
      <li data-filter-value="Research Reports"><button type="button">Research Reports</button></li>
      <li data-filter-value="Technical Reports"><button type="button">Technical Reports</button></li>
      <li data-filter-value="Testimonies"><button type="button">Testimonies</button></li>
      <li data-filter-value="Tools"><button type="button">Tools</button></li>
      <li data-filter-value="Visualizations"><button type="button">Visualizations</button></li>
      <li class="divider"></li>
      <li data-filter-value="Annual Reports"><button type="button">Annual Reports</button></li>
      <li data-filter-value="CAE Documents"><button type="button">CAE Documents</button></li>
      <li data-filter-value="Documents"><button type="button">Documents</button></li>
      <li data-filter-value="Drafts"><button type="button">Drafts</button></li>
      <li data-filter-value="Issue Papers"><button type="button">Issue Papers</button></li>
      <li data-filter-value="Joint Notes Education"><button type="button">Joint Notes Education</button></li>
      <li data-filter-value="Joint Notes Soviet"><button type="button">Joint Notes Soviet</button></li>
      <li data-filter-value="Joint Reports"><button type="button">Joint Reports</button></li>
      <li data-filter-value="Joint Reports Education"><button type="button">Joint Reports Education</button></li>
      <li data-filter-value="Joint Reports Health"><button type="button">Joint Reports Health</button></li>
      <li data-filter-value="Joint Reports Immigration"><button type="button">Joint Reports Immigration</button></li>
      <li data-filter-value="Joint Reports Soviet"><button type="button">Joint Reports Soviet</button></li>
      <li data-filter-value="Monograph Reports"><button type="button">Monograph Reports</button></li>
      <li data-filter-value="Notes"><button type="button">Notes</button></li>
      <li data-filter-value="Occasional Papers (Education)"><button type="button">Occasional Papers (Education)</button>
      </li>
      <li data-filter-value="Occasional Papers (Soviet)"><button type="button">Occasional Papers (Soviet)</button></li>
      <li data-filter-value="Papers"><button type="button">Papers</button></li>
      <li data-filter-value="RAND Analyses"><button type="button">RAND Analyses</button></li>
      <li data-filter-value="RAND Europe Documents"><button type="button">RAND Europe Documents</button></li>
      <li data-filter-value="Reports"><button type="button">Reports</button></li>
      <li data-filter-value="Research Memoranda"><button type="button">Research Memoranda</button></li>
      <li data-filter-value="Special Memoranda"><button type="button">Special Memoranda</button></li>
      <li data-filter-value="White Papers"><button type="button">White Papers</button></li>
  </ul>
    </div>
    <script>

      let arr = []
      var allDiv = document.getElementsByTagName("button");
      var newArr1 = [].slice.call(allDiv);
      newArr1.map( it => {
        arr.push(it.innerHTML)
      })
      console.log(arr);
    </script>
  </body>
</html>

锋小张
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
怎么把html转换成数组,将HTML DOM转换为多维数组
weixin_39851261的博客
06-03 804
function htmlArrayer($raw_html){$match_open = '//';$match_closed = '/(.+?)>/';$match_open_or_closed = '/(]+)>)/';$match_scripts = '@]*?>.*?@si';$match_styles = '@]*?>.*?@siU';$match_element = '/...
html 查询数据转换成数组,在HTML中将html表转换为数组
weixin_31110741的博客
05-31 456
这是做你想做的一个例子.var myTableArray = [];$("table#cartGrid tr").each(function() {var arrayOfThisRow = [];var tableData = $(this).find('td');if (tableData.length > 0) {tableData.each(function() { arrayOfTh...
freemaker数据类型转换（页面显示时使用）
乔木晨子的博客
11-11 178
1.https://www.iteye.com/blog/wenjie12201-1700098
jQuery makeArray对标签或json转变成数组
stationalz的博客
07-20 331
$.makeArray作为jQuery中的工具函数之一，其作用是把指定的标签集合或json集合转变成为数组，相比javaScript原生的arg数组更方便更容易理解； 语法：        $.makeArray( array ); 示例： 类数组： 1 2 3 $(function(){ var divEle = $(".class1"); var a
HTML代码转成字符串数组
xiliuhu的专栏
02-28 3761
[ '', '', '' ].join(''); 使用到的替换正则 左边 查找到^(\s+) 替换成\1' 右边 查找到>$ 替换成>',
PHPCMS V9.6.6 修改版
08-04
70. 新增将字符串转换为数组dr_string2array函数 71. 新增根据文件扩展名获取文件预览信息dr_file_preview_html函数 72. 新增IP转为实际地址ip2address函数 73. 新增当前IP实际地址ip_address_info函数 74. 新增清除...
JavaScript HTMLcollection与数组的区别说明及转化
A13330069275的博客
11-29 7823
我们在获取一组页面元素时常会用到getElementsByName()或是getElementsByTagName()方法。 其中getElementsByName(name)方法是获取页面中所有具有name属性的元素，但这个方法在IE与标准浏览器中所取到的内容不一样。在IE中getElementsByName(name)方法所取到的元素是其本身就自带有name属性也就是form表单中所列出
html 对象转化数组,对象转数组.html
weixin_31417633的博客
06-15 426
Documentvar items={"可口可乐":{"classification":"饮料","name":"可口可乐","unit":"瓶","price":"3","count":3,"subtotal":"6元(原价: 9元)","free_count":1,"free_money":3},"雪碧":{"classification":"饮料","name":"雪碧","unit"...
pyhton——列表转换为数组
热门推荐
u013724573的专栏
05-04 4万+
import numpy as np X=[[1,2,3,4],[5,6,7,8],[9,0,11,12]] '列表转换为数组' Y=np.array(X) print(Y) #输出结果 # [[ 1 2 3 4] # [ 5 6 7 8] # [ 9 0 11 12]]
php html转换数组,将html标签转换为php数组
weixin_42379854的博客
05-31 826
我有一个来自我想要转换的合作伙伴的系统状态页，这样我就可以将其输入自动化到我自己的服务页面中。该服务的状态由课程提供。我知道这很不理想，但这是他们提供更新的唯一方式。将html标签转换为php数组下面是HTML的一个副本：SERVICE 1Updated:9:52 AM CST Apr, 24SERVICE 2Updated:9:52 AM CST Apr, 24SERVICE 3Updated:...
toarray()标志转换，将列表转换为数组
缘 源 园
03-08 5369
ArrayList提供了一个将List转为数组的一个非常方便的方法toArray。
使用 XPath 定位 HTML 中的 img 标签
Z_suger7的博客
07-18 1194
通过本文的介绍和代码示例，我们可以看到如何在 C# 中使用 XPath 定位 HTML 中的img标签，并实现图片的下载。这种方法不仅高效，而且易于实现，适用于各种需要从网页中提取图片资源的场景。希望本文能够为你的项目提供帮助，并激发你在数据处理和自动化方面的创新思维。
Web开发：四角线框效果（HTML、CSS、JavaScript）
m0_65029152的博客
07-17 916
本文主要记录前端给图片动态添加四角线框的相关内容和实现过程；
html2canvas + jspdf 纯前端HTML导出PDF的实现与问题
幸运小男神的博客
07-18 959
这几天接到一个需求，富文本编辑器的内容不仅要展示出来，还要实现展示的内容导出pdf文件。一开始导出pdf的功能是由后端来做的，然后发现对于宽度太大的图片，导出的pdf文件里部分图片内容被遮盖了，但在前端是正常显示的，只因为class样式后端无法解析。然后，后端开发人员就嫌麻烦，让前端来实现导出pdf的功能。。。使用 html2canvas + jsPDF 纯前端导出pdf的方式还是有很多问题的，一般情况下都是后端进行文件的导出，前端配合解决样式问题。
网页隐藏版之一行小说阅读器
m0_47147246的博客
07-19 316
网页隐藏版一行小说阅读器
通过HTML/CSS 实现各类进度条的功能。
最新发布
qq_44552416的博客
07-19 987
需求：我们在开发中会遇到使用各式各样的进度条，因为当前插件里面进度条各式各样的，为了方便我们定制化的开发和方便修改样式，我们这里使用。通过本文学习我们会明白如何使用 HTML/CSS 创建各种基础进度条及花式进度条及其动画的方式。
前端学习（二）之HTML
2302_79795489的博客
07-18 943
在<input type="text" name="username" value="西瓜大侠">中，2、单选和多选：radio和checkbox（对应value为选项的值，当选中时，这个值会被提交）3、按钮：button、submit和reset（对应value为按钮上的标签文本）4、隐藏字段：hidden（对应value为隐藏在表单中的用户不可见的数值）段落格式标签：加粗b，斜体i，下划线u，删除线s，换行br，水平分割线hr。1、name：给表单控件起的名字，服务器靠这个名字来识别和获取输入的数据。
java将字符数组转化为数组
05-09
如果你指的是将字符数组转化为整数数组，可以使用以下代码： ```java char[] charArray = {'1', '2', '3', '4', '5'}; int[] intArray = new int[charArray.length]; for (int i = 0; i < charArray.length; i++) { intArray[i] = Character.getNumericValue(charArray[i]); } ``` 在上面的代码中，我们首先定义一个字符数组 `charArray`，其中包含了一些数字字符。接下来，我们定义一个整数数组 `intArray`，长度和字符数组相同。我们使用一个循环遍历字符数组中的每个字符，并使用 `Character.getNumericValue()` 方法将其转换为整数，然后将其放入整数数组中。最终，我们得到了一个包含相同数字的整数数组。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

锋小张

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值