JavaScript入门笔记(七):HTML DOM对象

作者: JONE 分类: 编程 发布时间: 2017-07-10 14:35

一 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对标签属性的操作

注意:这里其实是没有内置的方法  只是我们能大家总结出来的功能!

增、改
语法:
要操作的标签对象.属性名 = “值”

 查询
语法:
要操作的标签对象.属性名