首页
学习
活动
专区
工具
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.面试中会问到表格跨行和跨列,跨行:并不是真正实现跨行,实质是把下面一行所有单元格往后边挪了一格 表格跨列:并不是真正跨列,只是把第二列单元格往后边挪了一列         4.快速生成表格方法: talle>tr*4>td{单元格内容}*4, 然后按tab键自动生成想要规格表格... 可以使用table[border="1"]表示自动生成表格外框是实线 ***********************************************...-- 网页内部连接称为锚链接,要用name定义点,链接时候要在点名字前面加上#号--> 第一章:青云    #定义点 返回首页

1.6K10
  • HTML学习笔记一

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

    2.5K11

    前端入门学习--HTML

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

    13.1K40

    HTML 基础语法

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

    1.8K41

    HTML

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

    2K20

    HTML笔记

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

    2.3K30

    HTML入门简单学习

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

    4.1K100

    十分钟学会 HTML

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

    1.4K30
    领券