var list = documentgetElementById('lList')getElementsByTagName('li')
var list_1 = list[0]innerText
consoledir(list) // Array
consolelog(list_1) // "第一行选择文字1"
（1）parentObjfirstChild：如果节点为已知节点 （parentObj）的第一个子节点就可以使用这个方法。这个属性是可以递归使用的，也就是支持 parentObjfirstChildfirstChildfirstChild的形式，如此就可以获得更深层次的节点。
（2）parentObjlastChild：很显然，这个属性是获取已知节点（parentObj）的最后一个子节点。与firstChild一样，它也可以递归使用。
在使用中，如果我们把二者结合起来，那么将会达到更加令人兴奋的效果，即：parentObjfirstChildlastChildlastChild
（3）parentObjchildNodes：获取已知节点的子节点数组，然后可以通过循环或者索引找到需要的节点。
注意：经测试发现，在IE7上获取的是直接子节点的数组，而在Firefox20011上获取的是所有子节点即包括子节点的子节点。
（4）parentObjchildren：获取已知节点的直接子节点数组。
注意：经测试，在IE7上，和childNodes效果一样，而Firefox20011不支持。这也是为什么我要使用和其他方法不同样式的原因。因此不建议使用。
（5）parentObjgetElementsByTagName(tagName)： 使用方法不再赘述，它返回已知节点的所有子节点中类型为指定值的子节点数组。例 如：parentObjgetElementsByTagName('A')返回已知的子节点中的所有超链接。
（1）如获得id为test标签子元素的个数：
documentgetElementById("test")ChildNodeslength
documentgetElementById('test')childrenlength
（2）上面两种方法皆可来获得子元素的个数，但是要注意各个浏览器的差异性，也得斟酌下差异性
$(function () {
$("navbar-inverse li")each(function (index) {
if ($(this)children()text()indexOf("主页") >= 0) {
$(this)addClass("active");
}
});
});
这个是获取ul下的li，然后设置样式。
documentgetElementById("father")childNodes[0]className 这个语句就可以获取到class了，得到的就是“style1”，修改这个属性也是可以的。 希望能帮助到你
1、用 childNodes 属性，按顺序取
实现过程：首先创建一个 xml 对象，然后载入 xml 文件，再根据待取节点父节点在 xml 文件中的序号和本身的序号，确定待取节点的位置，最后返回待取节点的值。
//pId 待取节点父节点序号
//cId 待取节点序号
function getXmlNodeValue(pId, cId) {
var xmlDoc = new ActiveXObject("MicrosoftXMLDOM");
xmlDocasync = false;
xmlDocload("employeeInfoxml");
var nodes = xmlDocdocumentElementchildNodes[pId]childNodes[cId];return nodeschildNodes[0]text;
}
调用方法：alert(getXmlNodeValue(1, 2));
2、用 for 循环来取
实现过程：首先创建一个 ie 支持的 xml 对象，如果发生异常，是创建一个 FireFox 支持的空 xml 对象并返回空；然后载入 xml 文件，如要发生异常也返回空；最后，通过 for 循环遍历查找与传入的节点值相同的节点，找到后返回属于该节点的属性值。
//nodeValue 待取节点的所属节点值
function getXmlNodeValueFor(nodeValue){
var xmlDoc;
try {
//创建一个 ie 支持的 XML 文档对象
xmlDoc = new ActiveXObject("MicrosoftXMLDOM");
}catch(e){
try{
//创建FireFox空的XML文档对象
xmlDoc=documentimplementationcreateDocument("","",null);
}catch(e){
alert(emessage);
return "";
}
}
xmlDocasync = false;
try {
xmlDocload("employeeInfoxml");
}catch(e){
alert(emessage);
return "";
}
var xd=xmlDocdocumentElementchildNodes;
if(xd==null)
return "";
var tempValue;
for(var i=0;i<xdlength;i++){
if(xd[i]childNodes[0]childNodes[0]nodeValue==nodeValue) tempValue=xd[i]childNodes[2]childNodes[0]nodeValue;
}
return tempValue;
}
调用方法：alert(getXmlNodeValueFor("王佳琳"));
加入这个节点的id是 ‘child’,
然后复制这段代码 慢慢看一下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
<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获取id子节点的值全部的内容，包括:如何用javascript获取id子节点的值、js如何获取某元素内节点的个数、javascript怎么获取获取一个节点的所有子节点等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）