JavaScript之DOM的章节一
2013-12-05 14:31
218 查看
在学习JavaScript的时候，重要的知识是对HTML的操作，这些知识统称为DOM
一获得HTML的标签的方法
1、document.getElementById('标签的id值') //通过标签的id属性来找到标签。
eg:
<html>
<head>
<script type="JavaScript">
function fun1()
{
var dic= document,.getElementById('div');
}
</script>
</head>
<body>
<div id="div"></div>
</body>
</html>
2、document.getElementTagName('标签') //通过标签的名称来找到标签。
eg;
<html>
<head>
<script type="Javascript">
function fun1()
{
var li=doucment.getElementTagName('li');//在这里获取是li的集合。就意味着这里li是数组
}
</script>
</head>
<body>
<div>
<ul>
<li></li>
<li></li>
</ul>
</div>
</body>
</html>
3.、document.getElementName(‘具有name属性的相同属性值')//通过name属性来找到标签
<html>
<head>
<script type="Javascript">
function fun1()
{
var radio=document.getElementName('name');//这时获取的同样是个集合
}
</script>
</head>
<body>
<div>
<input type="radio" name="name" value="男"/>
<input type="radio" name="name" value="女'/>
</div>
</body>
</html>
一获得HTML的标签的方法
1、document.getElementById('标签的id值') //通过标签的id属性来找到标签。
eg:
<html>
<head>
<script type="JavaScript">
function fun1()
{
var dic= document,.getElementById('div');
}
</script>
</head>
<body>
<div id="div"></div>
</body>
</html>
2、document.getElementTagName('标签') //通过标签的名称来找到标签。
eg;
<html>
<head>
<script type="Javascript">
function fun1()
{
var li=doucment.getElementTagName('li');//在这里获取是li的集合。就意味着这里li是数组
}
</script>
</head>
<body>
<div>
<ul>
<li></li>
<li></li>
</ul>
</div>
</body>
</html>
3.、document.getElementName(‘具有name属性的相同属性值')//通过name属性来找到标签
<html>
<head>
<script type="Javascript">
function fun1()
{
var radio=document.getElementName('name');//这时获取的同样是个集合
}
</script>
</head>
<body>
<div>
<input type="radio" name="name" value="男"/>
<input type="radio" name="name" value="女'/>
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Mootools 1.2教程(2) DOM选择器
- Dom在ajax技术中的作用说明
- javascript针对DOM的应用分析（三）
- Dom 是什么的详细说明
- javascript针对DOM的应用分析（五）
- javascript针对DOM的应用实例（一）
- javascript 面向对象编程 function是方法(函数)
- 在javascript中对于DOM的加强
- javascript 面向对象编程 function也是类
- IIS下PHP连接数据库提示mysql undefined function mysql_connect()
- Dom与浏览器兼容性说明
- JavaScript DOM学习第一章 W3C DOM简介
- 动态修改DOM 里面的 id 属性的弊端分析
- IE 当eval遇上function的处理
- javascript DOM实用学习资料第1/3页
- JavaScript中Object和Function的关系小结
- Javascript 使用function定义构造函数
- javascript Object与Function使用
- javascript下function声明一些小结
- 常用的javascript function代码