JavaScript学习（三）--DOM基础

1、获取DOM元素

document.getElementById（“ID”）：获取该文档下的所有ID元素，前提是必须有ID标签

document.getElementsByTagName（“Tag”）：获取Tag标签（像li，ul，div等）下的所有元素，返回值是数组，是没有style属性的

2个混合使用时，document.getElementById（“ID”）.getElementByTagName（“Tag”），注意第二个就不用加document了，因为是在第一个前提下查找的第二个元素

2.设置DOM元素的样式

DOM值.style.styleName=“styleValue”：注意styleName不能有分隔符，为设置的样式名称，有连接字符时，必须转换成“驼峰形式”；

元素是数组时，必须要进行遍历成为单个元素来进行设置样式，设置样式前必须先进行元素获取

3.获取以及修改属性

lis【i】.innerHTML=“xxx”：单独使用获取开始结束标签内的所有文本和HTML内容；

加等号的话，将该字段增添修改删除等操作

lis【i】.className=“xxx”：获取该DOM的所有类，加等号的话，将该类替换；

4.获取设置删除属性（针对自定义的标签属性）

lis【i】.getAttribute（“xxx”）：获取属性

lis【i】.setAttribute（“xxx”，“ccc”）：修改属性

lis【i】.removeAttribute（“xxx”）：删除属性

 

1、HTML事件

鼠标事件：