JavaScript入门笔记(七):HTML DOM对象
一 HTML DOM的属性
属性名 | 功能 |
标签对象.innerHTML | 获取或者设置双边标签里面的内容 |
document.body | 获取到到body标签对象 |
document.documentElement | 获取到根元素 html标签 |
document.forms | 获取到所有表单元素 返回是一个集合 |
document.images | 获取到所有的图片元素 返回是一个集合 |
二 HTML DOM的方法
方法名 | 功能 |
document.getElementById(“id的属性值”) | 作用:通过id的属性值来获取元素
n 它只能获取到一个元素 |
document.getElementsByTagName(“标签名”) | 作用:通过标签名来获取元素
n 它返回是一个数组 n 如果要访问其中的某一个标签对象 要使用下标来进行访问! n 就算这个数组里面的元素只有一个 那么也是要使用数组下标的方式来进行访问! |
父对象.getElementsByTagName(“标签名”) | |
document.getElementsByName(“name的属性值”) | 作用:通过标签的name属性值来获取元素
n 它返回是一个数组 n 如果要访问其中的某一个标签对象 要使用下标来进行访问! 就算这个数组里面的元素只有一个 那么也是要使用数组下标的方式来进行访问! |
三 HTML DOM对标签属性的操作
注意:这里其实是没有内置的方法 只是我们能大家总结出来的功能!
增、改
语法:
要操作的标签对象.属性名 = “值”
查询
语法:
要操作的标签对象.属性名