使用Javascript检索TD锚的html表内容

使用Javascript检索TD锚的html表内容,javascript,html-table,Javascript,Html Table,我无法理解如何在表格行单元格中获取例如href属性。当我尝试这样做时,第二个循环似乎对所选的TR元素不起作用 函数asd(){ this.container=document.getElementsByClassName(“购物车内容”)[0]; 如果(!this.container){ 返回false; } this.itemsContainer= this.container.getElementsByClassName(“迷你车表”)[0]; this.itemsTable=this.i

我无法理解如何在表格行单元格中获取例如href属性。当我尝试这样做时,第二个循环似乎对所选的
TR
元素不起作用

函数asd(){
this.container=document.getElementsByClassName(“购物车内容”)[0];
如果(!this.container){
返回false;
}
this.itemsContainer=
this.container.getElementsByClassName(“迷你车表”)[0];
this.itemsTable=this.itemsContainer.getElementsByClassName(“视图表”)[0];
this.cartDetails=[];
for(var i=0,row;row=this.itemsTable.rows[i];i++){
for(var j=0,col;col=row.cells[j];j++){
console.log(col[0].getElementsByTagName(“a”)[0].getAttribute(“href”);
}
console.log('uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu');
}
}
asd()

用于此。它是用来使用的。例如:

var-anchor=document.querySelector(“.cart内容a:第一个子项”);
console.log(anchor.getAttribute(“href”)

用于此。它是用来使用的。例如:

var-anchor=document.querySelector(“.cart内容a:第一个子项”);
console.log(anchor.getAttribute(“href”)

使用
col
代替
col[0]

函数asd(){
this.container=document.getElementsByClassName(“购物车内容”)[0];
如果(!this.container){
返回false;
}
this.itemsContainer=
this.container.getElementsByClassName(“迷你车表”)[0];
this.itemsTable=this.itemsContainer.getElementsByClassName(“视图表”)[0];
this.cartDetails=[];
对于(vari=0,row;row=this.itemsTable.rows[i];i++){
//只有第一列
col=行单元格[0];
var anchor=col.getElementsByTagName(“a”)[0];
如果(锚点!==未定义){
console.log(anchor.getAttribute(“href”);
}        
console.log('uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu');
}
}
asd()

使用
col
代替
col[0]

函数asd(){
this.container=document.getElementsByClassName(“购物车内容”)[0];
如果(!this.container){
返回false;
}
this.itemsContainer=
this.container.getElementsByClassName(“迷你车表”)[0];
this.itemsTable=this.itemsContainer.getElementsByClassName(“视图表”)[0];
this.cartDetails=[];
对于(vari=0,row;row=this.itemsTable.rows[i];i++){
//只有第一列
col=行单元格[0];
var anchor=col.getElementsByTagName(“a”)[0];
如果(锚点!==未定义){
console.log(anchor.getAttribute(“href”);
}        
console.log('uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu');
}
}
asd()



为什么不使用
jquery
?因为您不必使用整个库来获取元素的href。@Saeed.At请不要。不要什么@DontVoteMeDown@Saeed.At不要建议解决方案。为什么不使用
jquery
?因为您不必使用整个库来获取元素的href。@Saeed.At请不要。不要什么@DontVoteMeDown@Saeed.At不要建议解决方案。这是不正确的,因为该表可能有多个
tr
,我需要所有锚定。这就是我循环每个元素的原因。@ArnasPecelis如果您想选择更多元素,只需使用
document.queryselectoral(“.cart contents a”)
并循环遍历即可。不过,我已经为您的代码更新了答案。这是不正确的,因为该表可能有多个
tr
,并且我需要所有锚定。这就是我循环每个元素的原因。@ArnasPecelis如果您想选择更多元素,只需使用
document.queryselectoral(“.cart contents a”)
并循环遍历即可。不过,我已经为您的代码更新了答案。这很聪明,但第二个
TD
保持另一个锚定-当我只需要
TD中的第一个锚定时,它会解析它们。查看字段产品图像
啊,好吧,我只是在尝试修复您的错误:
未捕获类型错误:无法读取的属性“getElementsByTagName”未定义的
和获取href值我确实删除了该行的内部循环,并且只获取每行的第一列。今年圣诞老人将对您慷慨相助!坚持下去!这很聪明,但第二个
TD
保持另一个锚定-当我只需要
TD中的第一个锚定时,它会解析它们。查看字段产品图像
啊好的,我只是在尝试修复错误:
未捕获类型错误:无法读取未定义的属性“getElementsByTagName”并获取href值我确实删除了内部循环,只采取每行的第一列圣诞老人将慷慨与你今年!坚持下去!