js如何获取某id的子标签

1、var a = documentgetElementById("test")getElementsByTagName("div");

代码的test的父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。

2、var b =documentgetElementById("test")childNodes;

使用childNodes获取子节点的时候，childNodes返回的是子节点的集合，是一个数组的格式。他会把换行和空格也当成是节点信息。

扩展资料：

js获取父节点的方式：

1、parentNode获取父节点

获取的是当前元素的直接父元素。parentNode是w3c的标准。

var p  = documentgetElementById("test")parentNode

2、parentElement获取父节点

parentElement和parentNode一样，只是parentElement是ie的标准。

var p1 = documentgetElementById("test")parentElement;

3、offsetParent获取所有父节点

一看offset我们就知道是偏移量 其实这个是于位置有关的上下级 ，直接能够获取到所有父亲节点， 这个对应的值是body下的所有节点信息。

var p2 = documentgetElementById("test")offsetParent;

<script>

function dom() {

var s= documentgetElementById("test");

del_ff(s); //清理空格

var chils= schildNodes; //得到s的全部子节点

var par=sparentNode; //得到s的父节点

var ns=snextSbiling; //获得s的下一个兄弟节点

var ps=spreviousSbiling; //得到s的上一个兄弟节点

var fc=sfirstChild; //获得s的第一个子节点

var lc=slastChile; //获得s的最后一个子节点

}

</script>

JavaScript code

[code=javascript] function delet_s(obj){

alert(0);

var am=$(obj)parent()parent()find($("input[name^='s_acc']"))val();

alert(am)

$(obj)parent()parent()remove();

}

[/code]

XML/HTML code

<table id="detailTable" width="90%" border="0" cellspacing="0" cellpadding="0" class="addform-base">

<tr id="copy_tr">

<td width="30%"><input type="text" name="claimVoucherDetailaccount" id="c_account" /><span class="notice"></span></td>

<td width="30%"><input type="text" name="claimVoucherDetaildesc" id="desc" /><span class="notice"></span></td>

<td width="10%"><img src="<%=requestgetContextPath() %>/images/addgif" width="16" height="16" id="AddRow" onclick="copy_as()"/></td>

<td>

<img src="<%=requestgetContextPath() %>/images/deletegif" width="16" height="16" onclick="delet_Vou(this)" />

</td>

</tr>

</table>

用js获取页面元素：

1、getElementById()

返回一个值 或者报错null

 2、getElementsByName()

返回htmlcollection

 3、getElementsByTagName()

返回htmlcollection

 4、getElementsByClassName()

返回htmlcollection

var  vlaue =documentgetElementByClassName("classname");

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

consolelog (value[i]value );  //对象属性

}

因为P标签不止一个。

var p= documentgetElementsByTagName('p');

getElementsByTagName这个函数的返回值是个数组

不管有几个p标签，返回都是数组，所以就要使用[0]来取其中的一个。

HTML结构：

<div id="test">

id=test: <span>Glen</span><span>Tane</span><span>John</span><span>Ralph</span>

</div>

<div id="test1">

id=test0: <span>Glen1</span><span>Tane1</span><span>John1</span><span>Ralph1</span>

</div>

<input type='button' value='获取id为test的div下的span' onClick="fun()"/>

扩展资料：

getElementsByTagName() 方法会使用指定的标签名返回所有的元素（作为一个节点列表），这些元素是在使用此方法时所处的元素的后代。

getElementsByTagName() 可被用于任何的 HTML 元素

如果把特殊字符串 "" 传递给 getElementsByTagName() 方法，它将返回文档中所有元素的列表，元素排列的顺序就是它们在文档中的顺序。

传递给 getElementsByTagName() 方法的字符串可以不区分大小写。

参考资料来源：百度百科-getElementsByTagName

以上就是关于js如何获取某id的子标签全部的内容，包括:js如何获取某id的子标签、求助JS获取指定ID的子元素出问题、javascript怎么获得特定的祖先元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！