公司的网站怎么做,广 做网站蓝光电影下载,郑州专业做淘宝网站推广,餐饮网站建设背景一、dir 打印对象 二、获取 html 中的元素
常用的两种方式 其他获取元素的方法 三、 innerText 四、innerHTML 五、修改元素的值 六、鼠标放上去#xff0c;显示图片的提示文字 img . title 七、获取 N ~ M 之间的随机整数 八、修改属性样式
1. style 2. className
将后面 …一、dir 打印对象 二、获取 html 中的元素
常用的两种方式 其他获取元素的方法 三、 innerText 四、innerHTML 五、修改元素的值 六、鼠标放上去显示图片的提示文字 img . title 七、获取 N ~ M 之间的随机整数 八、修改属性样式
1. style 2. className
将后面 active 中的所有属性覆盖添加到前面的元素上面 3. classList重点
追加删除不影响以前的类名 ①、元素.classList.add (类名) 添加 注意类名不加 . 点并且是字符串 ②、元素.classList.remove (类名) 删除 类名不加 . 点并且是字符串 ③、元素.classList.toggle (类名) 切换 类名不加 . 点并且是字符串 有还是没有啊有就删掉没有就加上 九、修改表单元素属性 注意innerHTML 获取不到 value 的值 1. checked 选项框被选中被打勾 注意不要给 true 加引号加了引号就变成字符串就不是布尔类型了这样会发生隐式转换虽然也会被选中但是不提倡 2. disabled 禁用吗 默认为 false 不禁用 true 是禁用 十、自定义属性 注意dataset 会得到所有的自定义属性并且将其变为一个集合对象 十一、定时器 1. 开启定时器 注意不可以加括号 2. 关闭定时器 十二、定时轮播图
无缝衔接图片 十三、事件监听 1. 事件类型 注意input 检测用户有没有输入东西 注意得到用户输入文字的长度 文本域 . value . length 十四、获取随机数 十五、更换小圆点 十六、自动调用点击事件
用事件名称再加小括号 前面需要写有点击事件 十七、开启定时器
把 let 删掉把其他部分拿过来 注意开启一个定时器之前要先关闭它 十八、事件对象 注意如果想要键盘按下回车之后进行后续的操作则添加使用 e 注意e . key 可以获得你在键盘上面按下的哪个键 十九、按下键盘事件
按下键盘事件用 keydown 或者 keydown 都可以
但推荐使用 keyup
二十、trim 去除字符串左右空格 如果是空格空格123 则打印结果为123
如果是123 则打印结果是123
如果直接是空 则打印结果也是空 如果不加trim 若输入空格空格123 则结果会是空格空格123 二十一、移到谁给谁添加高亮 二十二、checked 二十三、阻止冒泡 【阻止表单域、链接跳转】 阻止默认提交行为 二十四、解绑事件 二十五、事件委托 获取父级将事件添加到父级身上 实现点击每个子元素 li 都会从下到上冒泡到父元素发生给父元素添加的事件 添加事件对象 e 可以获取到键盘点击的那个对象并对点击的这个对象进行后续的操作 【示例】 点击那个模块移动到对应的距离 二十六、e.target.tagName 点击那个对象的标签名
二十七、页面滚动 整个页面从顶部开始滚动了多少 注意documentElement 获取 html 首先要添加页面滚动事件 注意scrollTop 可以给他赋值可以读写 二十八、点击返回按键直接返回到页面顶部 注意黄框中的两部分代码等价 二十九、获取元素宽高
1. clientWidth 和 clientHeight
2. offsetLeft 和 offsetTop 注意受父级元素的影响 注意检测盒子位置时返回的值是与最近一级带有定位的祖先元素的距离 3.【总结】 三十、谁过渡给谁加 transition 三十一、立即执行函数 三十二、首次点击某个模块时模块由不是高亮变成高亮 三十三、只要想让页面滚动就是这句话 三十四、让滚动条丝滑滚动的 css 属性 三十五、属性选择器 三十六、使用日期对象方法之前先获得日期对象 三十七、时间戳 毫秒数 返回指定时间戳 根据日期返回对应的星期 三十八、倒计时 将上述代码封装到一个函数内。
注意在开启定时器之前先调用一次函数因为定时器里面的是一个回调函数会有延迟数字会突然从07:33:33变为07:28:11 注意要产生倒计时的效果即每秒数字变化一次需要在定时器里面获得最新的时间 即需要加上这句话 三十九、节点查找 点击 box1 父盒子右上角的叉叉 关闭的是 box这个父盒子 四十、增加节点
创建节点
document . createElement ( li ) 注意创建节点的时候创建的括号里面的标签要加引号外面的变量不用加 注意黄圈中的代码可以获取到 ul 的所有子元素 【案例】 四十一、阻止默认行为 e.preventDefault( )
没有输入内容时点击录入按钮不会提交页面不会刷新默认行为会提交页面会刷新 四十二、清空表单 reset 四十三、将录入的数据在下面产生一个表单并且写进去 注意黄框为清除选线表格的数据后把新的数据写进新的产生的表格里面 注意验证是否为空要写在创建新对象之前只有验证不为空才可以进行后面的代码创建新对象。否则就弹窗 输入内容不能为空 四十四、实例化对象 new Date( ).toLocaleString() 可以直接获取以下样式的时间 好啦~本次的分享到这里就结束啦~~~我们下次不见不散~~~
