document节点对象的获取方式示例介绍_javascript技巧

复制代码 代码如下:

<script> <br><br>/* <BR>document节点对象的获取方式： <br><br>*/ <BR>//第一种，通过id获取 <BR>function documentDemo(){ <BR>var tableNode = document.getElementById("tab_id"); <BR>tableNode.style.border = "5px solid #00ff00"; <BR>} <BR>//第二种，通过name属性 <BR>function documentDemo2(){ <BR>var inputNode = document.getElementsByName("txt"); <BR>alert(inputNode.length); <BR>alert(inputNode[0].value); <br><br>} <BR>//第三种，通过标签名 <BR>function documentDemo3(){ <BR>var tdNode = document.getElementsByTagName("td"); <BR>alert(tdNode.length); <BR>for(var x = 0 ; x < tdNode.length;x++){ <BR>alert(tdNode[x].innerText); <BR>} <BR>} <BR></script>

这是div中的内容

java	php
.net	ios

这是一个span区域

这是一个超链接