注册登录

【document】document节点对象的获取方式示例介绍-节点对象

时间:2016-02-12 13:07 来源: 我爱IT技术网作者:佚名

欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【document节点对象的获取方式示例介绍】，下面是详细的讲解！

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

<html>
<head>
<title></title>
<script>

//第一种，通过id获取
function documentDemo(){
var tableNode=document.getElementById("tab_id");
tableNode.style.border="5px solid #00ff00";
}
//第二种，通过name属性
function documentDemo2(){
var inputNode=document.getElementsByName("txt");
alert(inputNode.length);
alert(inputNode[0].value);

}
//第三种，通过标签名
function documentDemo3(){
var tdNode=document.getElementsByTagName("td");
alert(tdNode.length);
for(var x=0 ; x < tdNode.length;x++){
alert(tdNode[x].innerText);
}
}
</script>

<style type="text/css">
.onediv{
width:200px;
height:100px;
border:1px solid #f00;
margin-top:20px;
}

table ,td{
border:1px solid #00f;
width:200px;
margin-top:20px;
text-align:center;
}
</style>

</head>

<body>
<input type="button" value="document对象演示" onclick="documentDemo3()"><br/>
<div class="onediv">
这是div中的内容
</div>

<input type="txt" name="txt" >
<input type="txt" name="txt" >

<table cellspacing="0" id="tab_id">
<tr>
<td>java</td>
<td>php</td>
</tr>
<tr>
<td>.net</td>
<td>ios</td>
</tr>
</table>

<span>这是一个span区域</span> <br/>
<a href="http://www.jb51.net/article/44785.htm#">这是一个超链接</a>
<body>

</html>

关于document节点对象的获取方式示例介绍的用户互动如下：

　　相关问题：请问document是什么类的对象？

　　答：代表给定浏览器窗口中的 HTML 文档。成员表下面的表格列出了 document 对象引出的成员。请单击左侧的标签来选择你想要查看的成员类型。属性显示: 属性集合事件方法对象样式属性描述 activeElement 获取当父 document 拥有焦点时获得... >>详细

　　相关问题：javascript获取节点值

　　答：对于文本节点，节点值为文本内容；对于属性节点，节点值为属性的值。节点值对于文档节点和元素节点是不可用的。获取节点值的语法： nodeObject.nodeValue其中，nodeObject 为DOM节点（节点对象）。举例，获取文本节点的节点值：点击这里显示文... >>详细

　　相关问题：JS中的document.documentElement是什么意思啊？请...

　　答：documentElement 属性可返回文档的根节点。 document.body是DOM中Document对象里的body节点， document.documentElement是文档对象根节点(html)的引用。 IE在怪异模型（quick mode）下document.documentElement无法正确取到clietHeight scrollHe... >>详细

评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）

【document】document节点对象的获取方式示例介绍-节点对象

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

关于document节点对象的获取方式示例介绍的用户互动如下：

第一章 JavaScript （基础）

第二章 JavaScript（高级）