GuoDaHai.-CSDN博客

原创当鼠标移动是获取坐标点

当鼠标移动时获取坐标 <div id="are"></div> <div id="showMsg"></div> // 获取div var are = document.getElementById("are") var showMsg = document.getElementById("showMsg") // 鼠标移动事件 are.onmousemove = function(event){ console.

2020-11-27 10:48:07 153

原创其他样式操作属性

1- 获取到元素的宽高时值得类型是Number 不带px 可以直接进行运算 2- 获取元素的宽度和高度，包含内容与内边距 3- 获取的都是可见的宽高 ##4- 属性是不能进行修改的 var height = dv1.clientHeight var width = dv1.clientWidth 获取元素的宽度与高度 var height = dv1.offsetHeight var width = dv1.offsetWidth 获取当前元素的水平偏移量 var left = dv1.offset

2020-11-27 10:44:57 83

原创读取元素的样式

读取元素的样式正常浏览器 - 使用getComputedStyle() - 这个方法是window对象的方法，可以返回一个对象，这个对象中保存着当前元素生效样式参数： 1.要获取样式的元素 2.可以传递一个伪元素，一般传null btn.onclick = function(){ var obj = window.getComputedStyle(div,null) console.log(obj.width) console.log(obj.backgroundColor) //通过该方法读取到样式都

2020-11-27 10:40:30 95

原创 DOM1

DOM简介: DOM Document Object Model 文档对象模型 html标签 == 元素 == 节点 Element 1- 获取button按钮的元素对象并将内容修改为 i love button 2- 通过循环修改多个a链接的内容 <a id="a" href="">baidu</a> <button>我是一个按钮</button> <script type="text/javascript"> conso

2020-11-27 10:34:11 386

原创 DOM查询

<ul> <li>北京</li> <p>首都啊</p> <li>南京</li> <p>你是几线</p> <li>东京</li> <p>一边去</p> <li>西天取经</li> <p>你来当和尚吧</p> </ul> 获取ul var ul

2020-11-27 10:18:11 128

原创 DOM全选全不选

功能: ①全选按钮：点击后所有爱好都选中 – 1.#checkedAllBtn ②全不选按钮：点击后所有爱好都选中 – 2.#checkedNoBtn ③反选按钮：点击后所有爱好选中状态反转 – 3.#checkedRevBtn ④提交按钮：点击后依次弹出选中内容 – 4.#sendBtn ⑤全选框：点击后让所有爱好的选中状态和自己一致 – 5.#checkedAllBox ⑥爱好框：点满后将全选框选中，否则取消选中 – 6.items 获取四个多选框 var items = document.getEl

2020-11-27 10:07:18 202

原创 js初级试题

1、找到数组 [-1, -2, 1, 10, 4, 5, 8] 中的最大值，至少写出两种方法 var arr = [-1, -2, 1, 10, 4, 5, 8]; // 第一种 var max1 = Math.max.apply(null, arr); // 第二种 var max2 = arr.sort(function(a, b){ return b - a; })[0]; // 第三种 var max3 = -Infinity; for (var i = 0; i < arr.l

2020-11-05 08:15:16 312

原创 JavaScript正则表达式

正则简介: 用于定义一些字符的规则计算机通过正则表达式检查一些字符是否符合标准方式: 1:通过构造函数创建正则表达式对象 var a = new RegExp(“正则表达式”,“匹配模式”); 2: 通过字面量方式创建正则表达式 var a = /[0-9]/; 匹配一串字符中是否有a var reg = new RegExp(“a”,“g”); test() 方法用于检测一个字符串是否匹配某个模式.如果字符串中有匹配的值返回 true ，否则返回 false。正则表达式字符 **[0-9] 匹配一

2020-11-04 08:48:11 121

原创字符串函数

定义一个字符串 var str = "Aheloworld"; 1- 获取字符串的长度 length var str = "Aheloworld"; console.log("str变量中字符串的长度为："+str.length) 2- 在字符串中，每个字符是可以通过下标指定以0开始的可以通过下标的方式获取字符串中的值，但是不能进行更改 3- charAt() var str = "Aheloworld"; var str1 = str.charAt(3) console.log("通过charAt(

2020-10-29 09:34:18 84

weixin_51958438的博客