| 标题 | getElementsBy-TagName,Name,Id区别,介绍 |
| 内容 | 在DOM中访问指定的节点通过getElementsByTagName,getElementsByName,getElementById方法访问,介绍以下这三个方法以及区别. 1.getElementByTagName("标签名"),返回一个包含所有标签名特性等于指定元素的节点列表. 关键点:标签名tagName的定义,标签名特性总是等于小于号后面紧随的名称,比如<img ..>中的img <input..>的input,通过getElementsByTagName("标签名")获取的是一个节点数组. 举例: var obj = document.getElementsByTagName("img"); obj便是全页面的所有图片的一个数组,通过.length能获取图片的个数,还能通过obj[i](i是标记序列号)来进行对象的操作. 比如第一个图片 obj[i].height = 100;//d更改第一吐泡泡高度为100px 2.getElementsByName("元素名"),用来获得所有name特性等于指定值的元素.获取的结果也是一个数组 该方法获取对象是根据name来获取的,跟其他没有关系. 举例<input type='text' name ="abc"> <input type='text' name ="abc"> var obj = documentsByName("abc");//这样获取了上面两个对象 obj[0]是第一个,obj[1]是第二个. 前两个方法的区别在于:第一个getElemensByTagName()这个是获取标签元素的是通过<后面的内容获取,而getElementsByName()是通过Name获取的. 3.getElementById()它将发挥id特性等于指定值的元素.在html中id必须是唯一的,如果有多个id相同,将会获取对象出错! 举例 <input type="text" id = "abc"> var obj = documentById("abc");//这样即获取了上面的对象,能对其进行操作. 以上就是三个获取节点(对象)的方法 |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。