2020年11月_Duan子康

原创 DIV跟随鼠标移动-事件冒泡

// 获取div盒子var box = document.getElementById("box")// 注册鼠标移动事件document.onmousemove = function(event){// 兼容浏览器event = event || window.event// 获取鼠标滚动的距离/* 谷歌认为 body 火狐认为 html*/// 获取鼠标垂直水平滚动的距离var t = document.body.scrollTop || document.document

2020-11-27 10:45:17 232

原创鼠标移动时获取所在坐标点

事件对象获取divvar are = document.getElementById("are")var showMsg = document.getElementById("showMsg")鼠标移动事件are.onmousemove = function(event){console.log(event)兼容浏览器event = event || window.event var x = event.clientXvar y = event.clientY sh

2020-11-27 10:41:10 796

原创其他样式操作属性

/* 1- 获取到元素的宽高时值得类型是Number 不带px 可以直接进行运算2- 获取元素的宽度和高度，包含内容与内边距3- 获取的都是可见的宽高4- 属性是不能进行修改的*/获取元素的宽度与高度,包含内容,边框,内边距var height = dv1.offsetHeightvar width = dv1.offsetWidthconsole.log(height,width)获取当前元素的水平偏移量var left = dv1.offsetLeft获取当前元素的垂直偏

2020-11-24 10:40:07 75

原创 DOM查询的其他方法

获取body标签var body = document.getElementsByTagName("body")[0]body也是document对象的一个属性 ,保存的是body的引用var body1 = document.body获取html根标签var html = document.documentElement;获取页面中所有的元素var all = document.all根据类名获取指定元素对象document.getElementsByClassName(c1)

2020-11-24 10:19:44 50

原创全选全不选-1124

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

2020-11-24 10:14:30 115

原创 DOM-1124

文档对象模型DOM Document Object Modelhtml标签 == 元素 == 节点 ElementID获取document.getElementById("")事件button绑定单机事件文档加载window.onload = function(){ var id =document.getEl

2020-11-24 10:09:42 140

原创 dom的增删改查-dom查询

DOM的增删改查创建一个元素var p = document.createElement("p")console.log(p)创建一个新的文本节点var text = document.createTextNode("erhuo")console.log(text)给p标签添加一个节点p.appendChild(text)`在这里插入代码片`将li元素删除ul.removeChild(li)DOM查询获取ul下所有的子元素var children1 = ul.childre

2020-11-20 18:46:28 184

原创练习题-1104

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 15:52:41 380

原创正则-正则方法-1103

正则元字符：([0-9]+)([a-z]+) () 子表达式 [0-9] 一个0-9的数值 [a-z] 一个a-z的字符 + 一个以上模式修正符：gi g 全局匹配 i 不区分大小写var str = "123abcdefGh4abcdeFgh"匹配一个数字var patt = /[0-9]/全局匹配一个数字var patt = /[0-9]/g匹配一个字符var patt = /[a-z]/全局匹配一个字符var patt = /[a-z]/g**

2020-11-03 09:57:48 250

weixin_51958482的博客