let btns= document.getElementsByTagName('btn'); let cancel = null; btns[0].onclick = function (){ if(cancel !== null){ cancel(); //检测上一次的请求是否完成，如果未完成则取消请求 } axios( { method
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>
如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法： 所有元素全部清除样式（干掉其他人）给当前元素设置样式 （留下我自己）注意顺序不能颠倒，首先干掉其他人，再设置自己 <button>按钮</button> <button>按钮</button> <button>按钮</button> <
要求： 有一系列按钮，要求每单击其中一个，该按钮改变样式（以背景颜色为例），其他按钮恢复保持默认样式。 实现思路： 获取所有按钮元素 首先先把其他按钮的背景颜色去掉 再单独设置自己的样式 代码实现： 仅展示<body></body>标签内的内容 <body> <button>按钮1</button> <button>按
例 监听事件方法 addEventListener（）方法兼容性改变方法 var btns = document.querySelectorAll('button'); // 1、传统方式注册事件 btns[0].onclick = function () { alert('你好'); } // 2、事件监听注册事件(都执行) // addEventListener()
1 排他思想（算法） <body> <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> <button>按钮5</button> <script> //1. 获取所有按钮元素
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <script> 8 window.onload = function () { 9 let bt
使用datasest属性改变样式 传统做法 对于html中的标签我们可以自定义标签中的属性，例如给input加一个aaa属性 <input type="text" aaa="bbb"> 接下来获取input的属性并在控制台中输出，即： let intype = document.querySelector("input"); console.log("intype.type:"+intype.typ
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <button>1</button> <button>2</button> <button>3</button> <button>4</button> <button>5</butt
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>闭包做选项卡</title> <style type="text/css"> .btns{ width: 500px; height: 50px; } /*选项卡的样式*/ .btns inp
