2017-3-30DOM获取元素 点击鼠标移入移出事件 样式控制

Posted Fengbao.2333

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了2017-3-30DOM获取元素 点击鼠标移入移出事件 样式控制相关的知识,希望对你有一定的参考价值。

1、获取标记对象

+ document.getElementById(‘id‘);                        - 获取一个对象
+ document.getElementsByClassName(‘class‘);      - 获取的是一个数组

+ document.getElementsByTagName(‘标记‘);          - 获取的也是一个数组
+ document.getElementsByName(‘name‘);             - 获取的也是一个数组

 

 

2、掌握三个事件

+ onclick - 点击事件
+ onmouseover - 鼠标移入事件
+ onmouseout - 鼠标移出事件

 

 


3、控制标记的样式
标记对象.style.样式 = "值";
样式里带 “-” 要删掉,后面的第一个字母变为大写

放在等号右边是取值,可以看到元素内联样式的值

js里,对象的index属性,可以记录一个int类型的值

以上是关于2017-3-30DOM获取元素 点击鼠标移入移出事件 样式控制的主要内容,如果未能解决你的问题,请参考以下文章

canvas一段背景色鼠标移入后

DOM操作应用高级

DOM操作应用高级

java中如何获取网页中鼠标点击过的事件

第80天:jQuery插件使用

el-tree 实现鼠标移入节点,显示功能按钮(船新版本)