JavaScript 认识DOM篇(慕课学习笔记)

最新推荐文章于 2019-01-24 18:37:02 发布

哆余_

最新推荐文章于 2019-01-24 18:37:02 发布

阅读量305

点赞数

文章标签： JavaScript

本文链接：https://blog.csdn.net/liang_duo_yu/article/details/53408018

版权

本文是关于JavaScript DOM操作的学习笔记，介绍了如何通过DOM访问和修改HTML文档，包括获取元素、设置属性、遍历节点等方法，如getElementsByTagName, getElementsByName, setAttribute等，并探讨了浏览器兼容性问题。" 138314145,9080985,Elasticsearch索引操作指南,"['elasticsearch', 'java', '服务器']

摘要由CSDN通过智能技术生成

一.文档对象模型DOM定义访问和修护力HTML文档的标准方法,DOM将HTML文档呈现为带有元素,属性和文本的树结构(节点树)

1. getElementsByName() 方法

返回带有指定名称的节点对象的集合.

语法: documet.getElementsById(name)

与getElementsById()方法不同的是,通过元素的name属性查询元素而不是通过id属性

Notice:

因为文档中的name属性可能不唯一,所有getElementsByName()方法返回的是元素的数组,而不是一个元素;

和数组类似也有length属性,也可以访问数组一样的方法来访问,从0开始;

<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
function getnum(){
  var mynode= document.getElementsByName("myt");  
  alert(mynode.length);
}
</script>
</head>
<body>
<input name="myt" type="text" value="1">
<input name="myt" type="text" value="2">
<input name="myt" type="text" value="3">
<input name="myt" type="text" value="4">
<input name="myt" type="text" value="5">
<input name="myt" type="text" value="6">

<br />
<input type="button" οnclick="getnum()" value="看看有几项？" />
</body>
</html>

2.getElementsByTagName()方法

返回带有指定标签名的节点对象的集合,返回元素的顺序是他们在文档中的顺序

语法:document.getElementsByTagName(TagName)

说明: 1.TagName是标签的名称,如 p,a,img等标签名

2.和数组类似也有length属性,可以和访问数组一样的方法来访问,从0开始

3.区别:

最低0.47元/天解锁文章

哆余_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 认识DOM篇(慕课学习笔记)

一.文档对象模型DOM定义访问和修护力HTML文档的标准方法,DOM将HTML文档呈现为带有元素,属性和文本的树结构(节点树) 1. getElementsByName() 方法返回带有指定名称的节点对象的集合. 语法: documet.getElementsById(name) 与getElementsById()方法不同的是,通过元素的name属性查询
复制链接

扫一扫