JS常用事件以及节点操作
2013-11-24 16:48
253 查看
用JS做了个电影院小项目,大致都搞出来了,但是还有一些小BUG,在此现总结下。
此次小项目主要涉及到一些HTML DOM的操作以及一些事件的处理。
1、涉及相关的鼠标事件:
(1)鼠标事件:
onmouseover:鼠标划入
onmouseout:鼠标划出
onmousedown鼠标点击效果
onclick;点击事件
(2)HTML DOM的操纵
document.getElementById();通过标签的ID
document.getElementsByName("属性名字");通过标签内的name属性名字,获取的是一个集合。
document.getElementsByTagName("标签名");通过标签名获取,返回一个集合
innerHTML;设置或返回标签之间的HTML(可以往标签内添加所需的HTML内容)
removeChild(node) 删除指定的节点(节点不能删除本身,删除 节点时获取其父节点然后删除自己)
parentNode;返回节点的父节点
firstChild;返回节点的第一个节点
lastchild;最后一个节点
nextSlibing;当前节点的下一个节点;
此次小项目主要涉及到一些HTML DOM的操作以及一些事件的处理。
1、涉及相关的鼠标事件:
(1)鼠标事件:
onmouseover:鼠标划入
onmouseout:鼠标划出
onmousedown鼠标点击效果
onclick;点击事件
(2)HTML DOM的操纵
document.getElementById();通过标签的ID
document.getElementsByName("属性名字");通过标签内的name属性名字,获取的是一个集合。
document.getElementsByTagName("标签名");通过标签名获取,返回一个集合
innerHTML;设置或返回标签之间的HTML(可以往标签内添加所需的HTML内容)
removeChild(node) 删除指定的节点(节点不能删除本身,删除 节点时获取其父节点然后删除自己)
parentNode;返回节点的父节点
firstChild;返回节点的第一个节点
lastchild;最后一个节点
nextSlibing;当前节点的下一个节点;
相关文章推荐
- js中获取键盘事件以及常用键码
- 学习JS中的DOM节点以及操作
- JS中获取以及操作DOM中的节点
- JS 页面控件的操作、以及页面在一段时间内不操作就跳转、页面事件列表
- js中元素的事件绑定以及常用事件
- 【JS】【jQuery】【操作对象:属性,节点,事件】
- js常用容易忘记的节点操作
- js-Dom节点的获取-以及相关操作
- js添加标签以及事件和jQuery常用标签详解
- js处理json以及字符串的比较等常用操作
- js Dom节点的获取 以及相关操作
- vue---vue中常用指令,以及如何自定义指令vue.directive进行节点操作?
- 在webbrowser中操作js弹出的对话框 以及触发其它事件····
- Zookeeper命令行操作(常用命令;客户端连接;查看znode路径;创建节点;获取znode数据,查看节点内容,设置节点内容,删除节点;监听znode事件;telnet连接zookeeper)
- js处理json以及字符串的比较等常用操作
- JS 页面控件的操作、以及页面在一段时间内不操作就跳转、页面事件列表
- js实现html节点、CSS样式、事件的动态添加以及html覆盖层的添加
- Zookeeper命令行操作(常用命令;客户端连接;查看znode路径;创建节点;获取znode数据,查看节点内容,设置节点内容,删除节点;监听znode事件;telnet连接zookeeper)
- 在webbrowser中操作js弹出的对话框 以及触发其它事件····
- JS-进阶-JS DOM常用的节点操作