学习路线:JavaScript_DOM->事件绑定(onclick,onfocus,onblur)->
事件绑定(onmouseout,onmouseover)
->事件绑定(onsubmit)表单提交
->提交表单与验证表单案例
简单说就是用来操作HTML的方法,详情看官方文档。
对于我们只需要会使用下面的这个Element对象就可以了。
HTML 中的 Element 对象可以通过 Document 对象获取,而 Document 对象是通过 window 对象获取。
Document 对象中提供了以下获取 Element 元素对象的函数
getElementById():根据id属性值获取,返回单个Element对象getElementsByTagName():根据标签名称获取,返回Element对象数组getElementsByName():根据name属性值获取,返回Element对象数组getElementsByClassName():根据class属性值获取,返回Element对象数组代码演示:
下面有提前准备好的页面:
Title
div1
div2
电影 旅游 游戏
id 属性值获取上面的 img 元素对象,返回单个对象getElementById Title
div1
div2
电影 旅游 游戏
运行结果:

div 元素对象getElementsByTagName
Title
div1
div2
电影 旅游 游戏
运行结果:

name = 'hobby' 条件的元素对象getElementsByName
Title
div1
div2
电影 旅游 游戏
运行结果:
class='d' 条件的元素对象getElementsByClassName()
Title
div1
div2
电影 旅游 游戏
运行结果:

Title
电影 旅游 游戏
运行结果

Title
12
运行结果

上一篇:量子计算(十):量子计算原理
下一篇:提升法律意识 共护国家安全