js如何获取子页面上已添加数据的id

documentgetElementById("father")childNodes[0]className 这个语句就可以获取到class了，得到的就是“style1”，修改这个属性也是可以的。 希望能帮助到你

$("#Aobj_2_2")click(function(){

var ht=$(this)find("span")html();

//ht即是你要获取的值

});

希望帮到你

使用JavaScript获取某个元素的属性值可以使用jQuery中的选择器+attr()方法。

工具原料：编辑器、浏览器

1、实现的思路是先使用选择器通过id获取到这个元素，然后使用attr方法获取某个属性的值，代码如下：

<div id="div1" class="test">

</div>

<script>

consolelog($('#div1')attr('class'));

</script>

2、运行的结果是获取到了class的值test，如下图：

用jquery的一种解决方法：例子如下：

testhtml：（注意，这里任何html页面都可以用，我只是在这里面加了个div

<div id='gettag'></div>，用来显示信息。jqueryjs可以在jquery上下载到，改下名字就可以，地址：>

1JS方法：

<script>windowonload=function(){

var va = documentgetElementById("d1")childNodes;

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

if(va[i]nodeNametoLocaleUpperCase() == "A"){

alert("JS: "+va[i]attributes["linkId"]nodeValue);

}

}

};

</script>

2 Jquery方法：

<script src="jquery-191minjs" type="text/javascript"></script>

<script>

$(document)ready(function(){

$("#d1 a")each(function(){

alert("Jquery: "+$(this)attr("linkId"));

});

});

</script>

JS 获取HTML标签内的子节点的方法

子节点的个数：

documentgetElementById("id")childNodeslength  

注意： 标签开/闭合算2个节点 第几个子几点：

documentgetElementById("id")childNodes[n]  

示例：

这里是 length-4 处，margin-left：20px

输出：length=8

实例：

<div id="page_kx" style="text-align: center;" class="tac">    <span class="fy2">1</span>  <a href="#">2</a>  <a href="#">3</a>  <a href="#">4</a>  <a href="#">5</a>  <a href="#">下一页</a>  <a href="#">末页</a>  </div>    <script>  var gor=documentgetElementById("page_kx");  var gorL=Number(gorchildNodeslength)-4;  gorchildNodes[gorL]stylemargin="0 0 0 20px";  </script>  

会。

ID选择器定义的是某一个特定的html元素，一个网页中只有一个标签或元素使用某一ID的属性值。

标签指定式选择器又称交集选择器，由两个选择器构成，其中第一个标记选择器，第二个为class选择器或id选择器，两个选择器之间不能有空格。

var table = $('table');

var id = tableattr('id');

alert（id）;

即可获取到标签的id值

而td值，如果知道td的id可以直接获取td的值，再一种办法就是先获取table对象，然后查找table下的所有td子元素，$("ul")find("li")length打印的就是子元素的个数。

1 通过顶层document节点获取：

（1）

documentgetElementById(elementId)：该方法通过节点的ID，可以准确获得需要的元素，是比较简单快捷的方法。如果页面上含有多个相同id的节点，那么只返回第一个节点。

如今，已经出现了如prototype、Mootools等多个JavaScript库，它们提供了更简便的方法：$(id)，参数仍然是节点的id。这个方法可以看作是documentgetElementById()的另外一种写法，不过$()的功能更为强大，具体用法可以参考它们各自的API文档。

（2）documentgetElementsByName(elementName)：该方法是通过节点的

name获取节点，从名字可以看出，这个方法返回的不是一个节点元素，而是具有同样名称的节点数组。然后，我们可以通过要获取节点的某个属性来循环判断是否为需要的节点。

例如：在HTML中checkbox和radio都是通过相同的name属性值，来标识一个组内的元素。如果我们现在要获取被选中的元素，首先获取改组元素，然后循环判断是节点的checked属性值是否为true即可。

（3）documentgetElementsByTagName(tagName)：该方法是通过节点的Tag获取节点，同样该方法也是返回一个数组，例如：documentgetElementsByTagName('A')将会返回页面上所有超链接节点。在获取节点之前，一般都是知道节点的类型的，所以使用该方法比较简单。但是缺点也是显而易见，那就是返回的数组可能十分庞大，这样就会浪费很多时间。那么，这个方法是不是就没有用处了呢？当然不是，这个方法和上面的两个不同，它不是document节点的专有方法，还可以应用其他的节点，下面将会提到。

2、通过父节点获取：

（1）parentObjfirstChild：如果节点为已知节点（parentObj）的第一个子节点就可以使用这个方法。这个属性是可以递归使用的，也就是支持

parentObjfirstChildfirstChildfirstChild的形式，如此就可以获得更深层次的节点。

（2）parentObjlastChild：很显然，这个属性是获取已知节点（parentObj）的最后一个子节点。与firstChild一样，它也可以递归使用。

在使用中，如果我们把二者结合起来，那么将会达到更加令人兴奋的效果，即：parentObjfirstChildlastChildlastChild

（3）parentObjchildNodes：获取已知节点的子节点数组，然后可以通过循环或者索引找到需要的节点。

注意：经测试发现，在IE7上获取的是直接子节点的数组，而在Firefox20011上获取的是所有子节点即包括子节点的子节点。

（4）parentObjchildren：获取已知节点的直接子节点数组。注意：经测试，在IE7上，和childNodes效果一样，而Firefox20011不支持。这也是为什么我要使用和其他方法不同样式的原因。因此不建议使用。

（5）parentObjgetElementsByTagName(tagName)：使用方法不再赘述，它返回已知节点的所有子节点中类型为指定值的子节点数组。例如：parentObjgetElementsByTagName('A')返回已知的子节点中的所有超链接。

3、通过临近节点获取：

（1）neighbourNodepreviousSibling：获取已知节点（neighbourNode）的前一个节点，这个属性和前面的firstChild、lastChild一样都似乎可以递归使用的。

（2）neighbourNodenextSibling：获取已知节点（neighbourNode）的下一个节点，同样支持递归。

4、通过子节点获取：

（1）childNodeparentNode：获取已知节点的父节点。

以上就是关于js如何获取子页面上已添加数据的id全部的内容，包括:js如何获取子页面上已添加数据的id、jquery获取指定id下子元素的值、html JS中如何获取某ID下的某个标签的某个属性值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！