js实现获取父元素下的子元素,如下的代码,我想通过getElementByClassName获取到标签table,

js实现获取父元素下的子元素,如下的代码,我想通过getElementByClassName获取到标签table,,第1张

<body>

<table class="tbeTarget" id="tbeTarget">

<tr>

<td class="tips1" id="tips1"> 12345abcd </td>

<td class="tips2" id="tips2"> 23456fvbg </td>

</tr>

</table>

<input type="button" onclick="getTdValue();" value="GETTDVALUE">

</body>

获取标签建议还是用ID来获取,简单方便

用getElementById("tbeTarget")可获取table

用getElementById("tips2")可获取到tips2

有ID的话,getElementById("tbeTarget")tips2也能得到你要的 tips2

特殊情况实在不能用ID时,也可用getElementsByTagName

var o=documentgetElementsByTagName("table"); 这个就获取到了所有的table标签,返回值是数组类型的

像你这个代码的话,只有个一个table,那 o[0]就是你要的table标签了

实在要用getElementByClassName的话,

var o=documentgetElementByClassName("tbeTarget");

var ot=ogetElementsByTagName("td"); //直接用ogetElementByClassName("tips2")应该也可以

for(var i=0;i<otlength;i++){

if(ot[i]class=="tips2"){

alert(ot[i]); //在这if里面,用ot[i]调用到的就是你要的 tips2了

}

}

要获取所有的类名?

// 所有类名生成数组

var classNameArray = documentgetElementById("id")classNamesplit(" ");

// 遍历数组

for(var i in classNameArray ){

// 当前class名

 alert(classNameArray[i]);

}

function

getElementByClassName(TagName,classname){

var

tags=documentgetElementsByTagName(TagName);

var

list=[];

for(var

i

in

tags)

{

var

tag=tags[i];

if(tagclassName==classname){listpush(tag);}

}

return

list;

}

consolelog(getElementByClassName("div","main"));

//2个地方用错了

一个是

tagname你默认用div了

另一个地方

push方法后面是小括号

()

getElementsByClassName('classname')

这个获取回来的与数组类似,如果你的html中只有一个的话getElementsByClassName('classname')[0]即可使用了

for(var i=0;i<aBglength;i++)

{

aBg[i]onmouseover = function ()

{

var timer = setInterval(function (x)

{

aBg[x]styletop = aBg[x]offsetTop -1+'px';

},30,i);

}

}

这样就行了吧?

js获取标签类函数:

方法一:innerText

var x1 = documentgetElementById("testid")innerText;

alert("x1="+x1);

方法二:innerHTML

var x2 = documentgetElementById("testid")innerHTML;

alert("x2="+x2);

以上就是关于js实现获取父元素下的子元素,如下的代码,我想通过getElementByClassName获取到标签table,全部的内容,包括:js实现获取父元素下的子元素,如下的代码,我想通过getElementByClassName获取到标签table,、一个元素有两个类,js怎么获取、用js写根据类名获取HTML标签对象的方法等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9484097.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存