JS-Dom
陈橙橙成大事
这个作者很懒,什么都没留下…
展开
-
操作DOM元素的属性——轮播图
<div id="lunbo"> <img src = "http://p1.music.126.net/mOHD-4WAxCEjlzRtfunuDw==/109951165806498755.jpg?imageView&quality=89"> </div> <div id="stu" name="张三" age="20"></div> <script> let i = 0 //定义一个数组,保存5张图片的路径 let i原创 2021-03-15 17:44:20 · 79 阅读 · 0 评论 -
操作DOM元素
操作DOM的样式,有三种方式: 1.通过style属性直接设置 2.通过className属性设置类选择器 3.也可以通过classList属性设置添加多个类选择器 <div id="box"></div> //第一种 <style> </style> //第二种 box.classList box.style.width = "200px" box.style.height = "200px" box.style.border = "2px solid原创 2021-03-15 17:10:49 · 60 阅读 · 0 评论 -
tab切换栏
案例分析: ①Tab栏切换有2个大模块 ②上的模块选项卡,点击某一个,当前这一个底色会是红色,其余不变(排他思想)修改类名的方式 ③下面的模块内容,会跟随上面的选项卡变化,所以下面模板变化写到点击时间里面 ④规律:下面的模块显示内容和上面的选项卡一一对应,相匹配 ⑤核心思路:给上面的tab_list里面的所有小li添加自定义属性,属性值从0开始编号 //获取元素 var tab_list = document.querySelector('.tab_list') var lis = tab_list.que原创 2021-01-20 22:56:48 · 158 阅读 · 1 评论 -
JS-Dom(1)BOM
一、BOM // BOM 是浏览器对象模型,就可以理解成是当前浏览器打开的窗口 // window对象 就是 BOM // 通过window对象 可以操作浏览器本身 // 各种弹框 /* window.alert('消息框') window.prompt('输入框') window.confirm('确认框') */ // 打开和关闭窗口 /* setTimeout(() => { // open()方法,打开新的窗口原创 2021-01-12 10:20:33 · 52 阅读 · 0 评论