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')返回已知的子节点中的所有超链接。
通过函数参数this,将自身传递给函数。从而获取对象的name与id属性。具体代码如下:
<script language=javascript>
function temp(get_obj)
{
alert(get_objname);
alert(get_objid);
}
</script>
<body>
<input type="button" name="n1" id="bu1" value="第一个" onclick=temp(this)>
<input type="button" name="n2" id="bu2" value="第二个" onclick=temp(this)>
<input type="button" name="n3" id="bu3" value="第三个" onclick=temp(this)>
</body>
测试可用。
1、动态增加img标签时将事件触发绑定在标签上(事先写好触发方法)
如:
//动态增加标签
$("body")append("<img src='' id='jsoaeig' onclick='imgclick(this);'/>");
//绑定的方法
function imgclick(obj){
//获取标签id
$(obj)attr("id");
}
2、动态增加标签之后遍历标签绑定事件
//增加标签
$("body")append("<img src='' id='jsoaeig' class='img'/>");
//遍历标签
$("body img")each(function(index,obj){
alert($(this)attr("id"));
});
js:
function doCancel(obj){
//js获取
alert(objid);
//jquery获取
alert($(obj)attr("id"));
}
html:
<img height="80px" width="70px" id="img00" onclick="doCancel(this)">
元素本身用this就炽了 攻取div2 用var objDiv2 = documentgetElementsById("div2"); 追问: 我是想获取这个div2你后面都写出来了 回答: 把你的代码贴出来,我也可以帮你啦。 documentgetElementsByTagName这类啦。 补充: 修改一下就可以。 改你的函数没意见吧。 <div onClick="toggle('div1',this)" id="div2"></div> //=== function expand(targetid,objSelf) { if (documentgetElementById) { target=documentgetElementById(targetid); if (targetstyledisplay=="block") { targetstyledisplay="none"; } else { targetstyledisplay="block"; } } if(targetstyledisplay=="block"){ objSelfvalue="cba"; }else{ objSelfvalue="seses"; }} 是不是可以呢。呵呵。
以上就是关于如何用javascript获取id子节点的值全部的内容,包括:如何用javascript获取id子节点的值、JavaScript :怎么获得页面元素的id和name值、如何在JS遍历中动态增加id,获取动态的id等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)