摘要：
前言： Event对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 事件发生后，跟事件相关的一系列信息数据的集合都放到这个对象里面，这个对象就是事件对象event，它有很多属性和方法。 比如： 谁绑定了这个事件。 鼠标触发事件的话，会得到鼠标的相关信息，如鼠 阅读全文
摘要：
HTML: <div>123</div> CSS: div { width: 100px; height: 100px; background-color: pink; } JS: 传统注册方式: var div = document.querySelector('div'); div.onclic 阅读全文
摘要：
前言： 在DOM节点操作中，innerHTML和createElement都可以实现创建元素。它们实现的功能类似，但是效率却相差很大。本文分别统计用innerHTML字符串拼接方式、innerHTML数组方式和createElement方式创建1000次元素的时间，来比较它们之间效率的高低。 比较思 阅读全文
摘要：
三种创建元素的方式： document.write() element.innerHTML document.createElement() 初始HTML内容： <button>btn</button> <p>p</p> <div class="inner">inner</div> <div cla 阅读全文
摘要：
要求： HTML标签只写一行表头 通过JS来写动态的表格（有多少组数据，就自动创建多少行表格） 为学习和演示，采用固定的数据，不涉及调用后台数据 代码实现： HTML内容： <table cellspacing="0"> <thead> <tr> <th>姓名</th> <th>科目</th> <t 阅读全文
摘要：
要求： 获得下一个/上一个兄弟元素节点，不包括文本节点等 解决IE兼容性问题 代码实现： 获得下一个兄弟元素节点： function getNextElement(element) { var el = element; while (el = el.nextSibling) { if (el.no 阅读全文
摘要：
代码实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http 阅读全文
摘要：
要求： 有一系列按钮，要求每单击其中一个，该按钮改变样式（以背景颜色为例），其他按钮恢复保持默认样式。 实现思路： 获取所有按钮元素 首先先把其他按钮的背景颜色去掉 再单独设置自己的样式 代码实现： 仅展示<body></body>标签内的内容 <body> <button>按钮1</button> 阅读全文