【实例】javascript不用标签ID获取标签对象

来源：互联网发布：星空自动编程好用吗编辑：程序博客网时间：2024/04/30 09:55

通过各种手段获取节点

可以使用节点的层次关系

<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><script type="text/javascript">function Demo() {var objDiv = document.getElementById("divid");var parent = objDiv.parentNode;//获得父节点var son = objDiv.childNodes//获得子节点var lastBrother = objDiv.previousSibling;//获得上一个兄弟节点var lastBrotherReal = objDiv.previousSibling.previousSibling;//这才是真的有效的兄弟节点//注意objDiv的第一个兄弟节点其实是一个空白的文本节点，这是因为HTML代码中<input>和<div>标签有一个回行//你可以试试把div标签跟在input后面var nextNode = objDiv.nextSibling;//获取下一个兄弟节点var objA = objDiv.nextSibling.nextSibling.nextSibling.nextSibling;var tdOneObjs = objDiv.nextSibling.nextSibling.getElementsByTagName("td");//获取td节点，要注意HTML代码中的空白文本节点nodeInfo(tdOneObjs[0].childNodes[0]);}function nodeInfo(node) {alert("name:" + node.nodeName + "   type:" + node.nodeType +"   value:" + node.nodeValue);}</script></head><body><input type="button" value="Demo" onClick="Demo();"><div id="divid">这是例子</div><table style="border-width:thin; border-style:solid; "><tr>    <td>节点1</td>        <td>节点2</td>    </tr>    <tr>    <td>节点3</td>        <td>节点4</td>    </tr>  </table><a href="www.baidu.com">hehe</a></body>

还可以通过document获得：比如说getElementById不过这个是通过id的，如果有id值相同，将获取第一个id所属对象；还可以在容器型标签使用getElementsByTagName来获取一堆同类型的标签
window对象中的screen.availHeight是指不包含windows系统的任务栏的部分的，所以如果我的电脑是1366*768那么使用availHeight输出就不会是768高度（除非你把任务栏隐藏了）

0 0