四个常用DOM方法(getElementById、getElementByTagName、getAttribute、setAttribute)
2017-07-26 20:37
489 查看
1、getElementById()方法
这个方法是与document对象相关联的函数,方法中只有一个参数。
eg:document.getElementById(id)
这个调用将返回一个对象,这个对象对应着document对象里的一个独一无二的元素。
在文档中每一个元素都对应着一个对象,利用这个方法我们可以把与这些元素相对应的任何一个对象筛选出来。
2、getElementByTagName()方法
类似于getElementById(),该方法也只有一个参数,此参数为(X)HTML标签的名字:
eg:element.getElementByTagName(tag)
这个对象调用将返回一个对象数组,每个对象分别对应着文档里有着给定标签的一个元素。
getElementById()方法和getElementByTagName()方法属于检索特定元素节点的办法。
3、getAttribute()
只有一个参数,此参数为你打算查询的属性的名字:
object.getAttribute(attribute)
getAttribute()方法不能通过document对象掉哟美好,只能通过元素节点的对象调用,它返回的是元素的各种属性值。
4、setAttribute()
只能通过元素节点调用的函数,需要传递两个参数
eg:setAttribute(attribute,value)
将元素的属性值设为value
这四个方法是DOM脚本的基石。
这个方法是与document对象相关联的函数,方法中只有一个参数。
eg:document.getElementById(id)
这个调用将返回一个对象,这个对象对应着document对象里的一个独一无二的元素。
在文档中每一个元素都对应着一个对象,利用这个方法我们可以把与这些元素相对应的任何一个对象筛选出来。
2、getElementByTagName()方法
类似于getElementById(),该方法也只有一个参数,此参数为(X)HTML标签的名字:
eg:element.getElementByTagName(tag)
这个对象调用将返回一个对象数组,每个对象分别对应着文档里有着给定标签的一个元素。
getElementById()方法和getElementByTagName()方法属于检索特定元素节点的办法。
3、getAttribute()
只有一个参数,此参数为你打算查询的属性的名字:
object.getAttribute(attribute)
getAttribute()方法不能通过document对象掉哟美好,只能通过元素节点的对象调用,它返回的是元素的各种属性值。
4、setAttribute()
只能通过元素节点调用的函数,需要传递两个参数
eg:setAttribute(attribute,value)
将元素的属性值设为value
这四个方法是DOM脚本的基石。
相关文章推荐
- DOM方法(getElementById, getElementsByTagName, getAttribute, setAttribute)
- DOM及getElementById等常用的4个方法
- 玩转DOM遍历——用NodeIterator实现getElementById,getElementsByTagName方法
- DOM的getElementById()、getElementsByName()、getElementsByTagName()方法
- 获取表单对象,得三种方法getElementById(), getElementsByName(), and getElementsByTagName() 和用法
- Dom getElementsByTagName和getElementById
- 获取表单对象,得三种方法getElementById(), getElementsByName(), and getElementsByTagName() 和用法
- html dom中要查找希望操作的元素使用的方法:getElementById()和getElementsByTagName()的区别
- 获取HTML元素3个方法:document.getElementsByName()、document.getElementById()、document.getElementsByTagName()
- 获取表单对象,得三种方法getElementById(), getElementsByName(), and getElementsByTagName() 和用法
- Document对象的使用:getElementById()和getElementsByTagName()方法的使用练习
- Html之getElementById()方法&getElementsByTagName()方法示例
- 获取HTML元素3个方法:document.getElementsByName()、document.getElementById()、document.getElementsByTagName()
- 常用的4种获取元素方法的区别, getElementById, ..ClassName, ..TagName, .Name
- 获取表单对象,得三种方法getElementById(), getElementsByName(), and getElementsByTagName() 和用法
- 获取表单对象,得三种方法getElementById(), getElementsByName(), and getElementsByTagName() 和用法
- 获取HTML元素3个方法:document.getElementsByName()、document.getElementById()、document.getElementsByTagName()
- Document对象的使用:getElementById()和getElementsByTagName()方法的使用练习
- document 方法:getElementsByName()与getElementById()、getElementsByTagName()的区别
- HTML: DOM getElementsByName() 方法与getElementById()