首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何使用javascript选择嵌套在表的tr内的所有锚标记href URL

使用JavaScript选择嵌套在表的tr内的所有锚标记href URL的方法是通过遍历表格的行和单元格,然后查找包含锚标记的单元格,并获取其href属性值。

以下是一种实现方法:

代码语言:txt
复制
// 获取表格对象
var table = document.getElementById('tableId');
// 获取所有的行
var rows = table.getElementsByTagName('tr');
// 定义一个数组来保存所有锚标记的href URL
var hrefs = [];

// 遍历表格的行
for (var i = 0; i < rows.length; i++) {
  var row = rows[i];
  // 获取当前行的所有单元格
  var cells = row.getElementsByTagName('td');

  // 遍历当前行的单元格
  for (var j = 0; j < cells.length; j++) {
    var cell = cells[j];
    // 获取当前单元格内的所有锚标记
    var links = cell.getElementsByTagName('a');

    // 遍历当前单元格内的锚标记
    for (var k = 0; k < links.length; k++) {
      var link = links[k];
      // 获取锚标记的href属性值,并添加到hrefs数组中
      hrefs.push(link.href);
    }
  }
}

// 打印输出所有锚标记的href URL
console.log(hrefs);

以上代码会获取到表格中所有行内的锚标记的href URL,并将其存储在一个数组中(hrefs),最后通过打印输出的方式展示出来。

这种方法适用于HTML中的普通表格,可以用于从表格中获取任意级别的嵌套行内的锚标记的href URL。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

2018年9月3日初识HTML超文本标记语言

html是超文本标记语言 ,Javascript是脚本语言 html用于编写静态页面;Javascript可以嵌套在html里,实现一些特效和动态功能 软件分为三部分: 界面:软件界面 数据处理...3.面试中会问到的表格的跨行和跨列,跨行:并不是真正的实现跨行,实质是把下面一行的所有单元格往后边挪了一格 表格的跨列:并不是真正的跨列,只是把第二列单元格往后边挪了一列         tr> 4.快速生成表格的方法: talle>tr*4>td{单元格内的内容}*4, 然后按tab键自动生成想要的规格的表格... 可以使用table[border="1"]表示自动生成的表格外框是实线 ***********************************************...-- 网页内部的连接称为锚链接,要用name定义锚点,链接的时候要在锚点名字前面加上#号--> 第一章:青云    #定义锚点 href="#menu">返回首页

1.6K10
  • HTML学习笔记一

    HTML段落: 一个段落标签内容,都会是一个段落内容,可以有多个段落 HTML换行: 在HTML中,可以使用该标签在文本中换行显示 HTML链接: HTML文档中URL格式的连接都是利用...标签进行定义的 href = "http://www.baidu.com"> 百度搜索 href属性的值代表连接的URL地址,而标签中的文本是用户HTML页面可见的文字描述...li > 有序列表是以数字顺序排序的列表进行标记 第一列表 第二列表 type属性:设置列表的标记(A,a,1,I,i……) 定义列表..."> JavaScript脚本代码; type属性值需要符合MIME类型 标签 标签提供无法使用脚本时的替代内容;在浏览器禁止脚本时...(href)或者默认目标(target) href:指的是链接的目标地址URL;target:指的是打开目标链接的方法(新窗口或本页显示) 标签元素: 定义HTML文档与外部资源之间的关系

    2.5K11

    前端入门学习--HTML

    --这里是注释,什么意思呢,就是写在这里的东西都不会显示,所以你懂了吧,注释注释////--> HTML CSS 如何使用样式 当浏览器读到一个样式表,它就会按照这个样式来度文档进行格式化。...有以下三种方式: 外部样式表 当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。... href="mystyle.css"> 内部样式表 当单个文件需要特别样式时,就可以使用内部样式表...当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。...HTML 无序列表 无序列表是一个项目的列表,此列项目使用粗体原点进行标记。 无序列表使用 ul 标签。

    13.1K40

    HTML 基础语法

    浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。 JS 引擎 则是解析 Javascript 语言,执行 javascript语言来实现网页的动态效果。...1.HTML标签:作用所有HTML中标签的一个根节点。...语法格式:href="跳转目标" target="弹出方式">内容 -href:跳转链接URL地址 -target:跳转方式:_self:当前页面(默认值),_blank:新窗口 锚点链接...tr> ... 1.table用于定义一个表格 2.tr用于定义表格中的一行,必须嵌套在table标签中,在table中包含几对 tr,就有几行表格。...3.td用于定义表格中的单元格,必须嵌套在tr标签中 表格属性 border 表格边框 cellspacing 设置单元格之间的间距 cellpadding 设置单元格内容与单元格之间的间距 width

    1.8K41

    HTML笔记

    作用:表示网页的头部 作用:表示网页的身体,以后页面中所有的要显示的内容,都要写在body标签里HTML语法 标记语法 标记又叫标签或者元素,在网页中表示一些功能...,必须使用括起来,标记分为两大类封闭类型标记 也叫双标记,必须成对出现,有开始和结束标签。...实现步骤: 第一步:定义锚点 方式一:使用任意标签的id属性定义锚点 锚点名字”>化妆品区域 方式二:使用a标签的name属性,定义锚点 锚点名字”>化妆品区域... 第二步:链接到锚点 href=”#锚点名字”>化妆品 4、返回顶部 href=”#”>返回顶部 块级元素和行内元素 块级元素 在网页中独占一行,可以设置宽高 比如<...密码框 submit 提交按钮 reset 重置按钮 radio 单选框(单选框需要分组才能使用 使用name属性分组,让两个单选框的name值一致即可) checkbox 多选框 file 文件选择框

    2.3K30

    HTML入门的简单学习

    作用3,搜索引擎可以通过这个属性的文字来抓取图片 5:超链接的使用     5.1:基本语法,href="" target="打开方式" name="页面锚点名称">链接文字或者图片...caption标记         如何正确使用:caption属性的插入位置,直接位于table属性之后,tr表格行之前         align属性:top标题放在表格的上部,botton标题放在表格的下部...                   left标题放在表格的左部,right标题放在表格的右部     6.3:tr标记         定义表格的一行,对于每一个表格行,都是有一对tr>tr>...标记表示,每一行tr>标记内可以嵌套多个或者标记         可选属性:bgcolor属性设置背景颜色                 align属性:设置垂直方向对齐方式                 ...post方式,提交时,将表单中的数据一并包含在表单主体中,一起传送到服务器中处理,没有数据大小限制                 action:表单数据的处理程序的url地址,如果为空则使用当前文档的

    4.2K100

    HTML

    一个完整的网页是由HTML(超文本标记语言),css(层叠样式表)JavaScript(动态脚本语言)三部分组成....一·HTML 概念:超文本标记语言,"超文本"就是指页面内可以包含图片,链接,甚至音乐,程序等非文字元素。...标签中:网页需展示的内容需嵌套在.某些时候不按标准书写代码虽然可以正常显示,但是作为兼职素养,还是应该养成正规编写习惯 定义和用法: 用于描述文档的各种属性和信息(文档的标题丶编码方式丶在wed...(这样的定位可以针对任何标签来定位) href="#456"> 第一 内容(目标标签可以是任意标签) 用于跳转的俩种方式之:name   (使用name...属性只能针对a标签来定位,而对div等其他标签就不能起到定位作用) href="#5F">锚点5 1111</a 四丶列表标签: 一丶定义有序列表: 属性

    2K20

    【web前端阶段一】HTML巩固学习(持续更新)

    =“UTF-8”> – 就是信封内的内容 ---- 2.交互思想如何让用户更舒服的看到数据(how to comfortable) 在中加入 添加css样式,如...如何显示行号 在代码显示区的左边右击选择“show line number”。... 标签用于定义文档的头部,它是所有头部元素的容器。 中的元素可以引用脚本、指示浏览器在哪里找到样式表。... ---- 6.图片标签 使用元素将图像添加到页面 空标记 必须属性:src(存储图像的位置) 常用属性:width,height,alt,title URL... href属性:链接URL target属性:目标,可取值_blank,_self等 name属性:锚点名称 title属性:定义了鼠标经过时的提示文字 ---- 9.锚点定位 <a

    4.5K40

    十分钟学会 HTML

    1.1 HTML 简介 1.1.1 概述    HTML 是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言...DOCTYPE> 于文档的最前面,用于向浏览器说明当前文档使用哪种标准规范,必需在开头处使用该标签。为所有的 XHTML 文档指定 HTML 版本和类型,只有这样浏览器才能按指定的文档类型进行解析。...th 用户定义表中的字段 tr 用于定义表格中的一行,必须嵌套在 table 标签中,在 table 中包含几对 tr 就有几行表格。...td 用于定义表格中的单元格,必须嵌套在 tr 标签中,一对 tr 中包含几对 td 就表示该行中有多少列(或多少个单元格)。... tr> 单元格内的文字 ... tr> tr> 单元格内的文字 ... tr> ...

    1.4K30
    领券