乐胖代购免代理版

欢迎

dom啦2

<!DOCTYPE html><html><head> <title></title></head><body> <div class="father"> <form> <input type="text" name="test"> <input type="password" name="test"> </fo

数组

选择器

html

标签名

javascript

原创 2021-11-16 16:23:20 92 阅读

dom啦1

<!DOCTYPE html><html><head> <title></title></head><body><script> //什么是window,窗口。 //什么是document?代码窗口中的页面 //document是window的属性,也是一个对象. // document对象保存了网页上所有的内容, 通过document对象就可以操作网页上的内容 console.log(wi

html

原创 2021-11-16 16:23:14 84 阅读

dom啦3

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>03-JavaScript-获取DOM元素下</title></head><body><div> <h1>1</h1> <h2>2</h2> <p class="i

html

子节点

javascript

父节点

html页面

原创 2021-11-16 16:23:10 66 阅读

dom啦4 Node增删改查

<!DOCTYPE html><html><head> <title></title> <style type="text/css"> </style></head><body><div> <h1>我是标题</h1> <p>我是段落</p></div><script type="t

html

a标签

删除节点

css

插入节点

原创 2021-11-16 16:23:05 99 阅读

dom啦5 获取修改新增删除元素属性

<!DOCTYPE html><html><head> <title></title> <style type="text/css"> </style></head><body> <img src="1.jpg" alt="cyg" title="陈业贵" nj="666"><script type="text/javascript"> //获取元素的

html

css

自定义属性

删除元素

自定义

原创 2021-11-16 16:23:01 130 阅读

dom啦6 增删改查元素的内容

<!DOCTYPE html><html><head> <title></title></head><body><div> 我是div <h1>我是标题</h1> <p>我是段落</p></div><script type="text/javascript"> /*let oDiv = docu

html

数据

字符串

javascript

原创 2021-11-16 16:22:55 71 阅读

dom啦7设置获取元素的样式

<!DOCTYPE html><html><head> <title></title> <style type="text/css"> .box{ width: 200px; height: 200px; background-color: red; } </style></head><body>

css

html

属性值

javascript

原创 2021-11-16 16:22:08 322 阅读

dom啦8 DOM事件

<!DOCTYPE html><html><head> <title></title></head><body><button>我是按钮</button><a href="http://www.it666.com">

html

a标签

javascript

原创 2021-11-16 16:21:23 199 阅读

dom啦12 简易轮播图

<!DOCTYPE html><html><head> <title></title> <style type="text/css"> *{padding: 0px;mar

html

d3

css

javascript

原创 2021-11-16 16:21:11 114 阅读

dom啦 10 关闭广告实例 (核心：想要删掉某一个元素就找它自己的父元素，由父元素执行删掉它)

<!DOCTYPE html><html><head> <title></title> <style type="text/css"> *{padding: 0px;margin: 0px;}

html

css

javascript

原创 2021-11-16 16:21:02 68 阅读

dom啦11 图片展示核心：在于点击li＞img里面的哪一个就把this.src赋值给div＞img的src

<!DOCTYPE html><html><head> <title></title> <style type="text/css"> *{padding: 0px;margin: 0px;} div

html

赋值

d3

点击事件

javascript

原创 2021-11-16 16:20:55 238 阅读

dom啦13 移入移出事件

<!DOCTYPE html><html><head> <title> </title> <style> *{ margin:

html

移出

javascript

原创 2021-11-16 16:20:46 258 阅读

dom啦16 表单校验核心在于：一样先做完再另一样把。慢慢纠正把。

html

背景颜色

javascript

输入框

css

原创 2021-11-16 16:17:54 24 阅读

dom啦19 闭包

<!DOCTYPE html><html><head> <title></title></head><body> <script type="text/javascript"> /* 1.什么是闭包(closure)? 闭包是一种特殊的函数。 2.如何生成一个闭包? 所以只要满足"是函数嵌套"、"内部函数引用外部函数数据" 3.闭包特点:

数据

html

内部函数

嵌套

生命周期

原创 2021-11-16 16:16:36 79 阅读

dom啦15 商品展示

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>15-JavaScript-商品展示</title> <style> *{ margin: 0; padding: 0; } div{ widt

html

移出

javascript

HTML/CSS

原创 2021-11-16 16:16:36 91 阅读

dom啦17 焦点事件

<!DOCTYPE html><html><head> <title></title></head><body><input type="text" name="" id=""><script type="text/javascript">let oInput = document.querySelector("input"); // 1.监听input获取焦点 oInput.on

数据

html

javascript

获取焦点

失去焦点

原创 2021-11-16 16:16:36 95 阅读

dom啦14 移入移出菜单

<!DOCTYPE html><html><head> <title></title> <style type="text/css"> *{ margin: 0px; padding: 0px; } div { position: fixed; right: 0px; top

ico

html

javascript

微信

二维码

原创 2021-11-16 16:16:36 126 阅读

dom啦9 定时器大详解

<!DOCTYPE html><html><head> <title></title></head><body><button id="start">开始</button><button id="close">结束</button><script type="text/javascript"> //js定时器分为重复执行与一次执行。 /*let

html

javascript

js定时器

HTML/CSS

原创 2021-11-16 16:16:36 184 阅读

dom啦循环索引同步2

<!DOCTYPE html><html><head> <title></title></head><body><button>我是按钮1</button><button>我是按钮2</button><button>我是按钮3</button><script type="text/javascript"> /*

html

块级作用域

i++

数据

局部变量

原创 2021-11-16 16:16:35 67 阅读

dom啦循环索引同步1

<!DOCTYPE html><html><head> <title></title></head><body><script type="text/javascript"> /* 默认情况下是顺序结构, 代码会从上之下的执行, 前面的没执行完后面的不能执行默认情况下通过var定义的变量, 只要不是定义在函数中都是全局变量 */ /*for(var i=0;i<

i++

html

javascript

全局变量

顺序结构

原创 2021-11-16 16:16:35 72 阅读

dom啦18 表单效果

<!DOCTYPE html><html><head> <title></title></head><body><form action="http://www.it666.com"> <input type="text" placeholder="请输入搜索关键字" name="text"> <input type="submit" value="搜索">&l

html

搜索

数据

javascript

输入框

原创 2021-11-16 16:16:35 56 阅读

dom啦 Date对象

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=a"> <title>Document</title></head><body><script type="text/javasc

html

javascript

获取当前时间

时间格式化

HTML/CSS

原创 2021-11-16 16:16:34 73 阅读

dom啦全选反选

<!DOCTYPE html><html><head> <title></title> <style type="text/css"> *{padding:0px;margin: 0px;} .music { width: 400px; box-shadow: 0 0 5px #000; margin: 100px auto; padding-left: 20px; padding-ri

html

css

javascript

HTML/CSS

原创 2021-11-16 16:16:34 91 阅读

dom啦循环索引同步练习2

<!DOCTYPE html><html><head> <title></title></head><body><button>我是按钮1</button><button>我是按钮2</button><button>我是按钮3</button><script type="text/javascript"> /*

for循环

html

局部变量

javascript

i++

原创 2021-11-16 16:16:34 50 阅读

dom啦循环索引同步练习

<!DOCTYPE html><html><head> <title></title></head><body><button>我是按钮1</button><button>我是按钮2</button><button>我是按钮3</button><script type="text/javascript"> /* for(v

i++

html

javascript

HTML/CSS

原创 2021-11-16 16:16:34 47 阅读

事件中对象如何兼容各种浏览器

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <button id

事件对象

html

执行系统

javascript

企业开发

原创 2021-11-16 16:11:21 73 阅读

事件原理详解

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ mar

html

回调函数

3c

处理事件

javascript

原创 2021-11-16 16:02:58 99 阅读

事件的add几种方式

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <button id="b

html

赋值

javascript

JavaScript

原创 2021-11-16 16:02:58 78 阅读

onmouse各种问题与解决方案

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ margin: 0;

html

移出

javascript

JavaScript

原创 2021-11-16 16:02:57 100 阅读

事件冒泡怎么解决，与ie的兼容又怎么解决

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ margin: 0;

html

javascript

JavaScript

原创 2021-11-16 16:02:57 109 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

陈业贵的博客

欢迎

dom啦2

dom啦1

dom啦3

dom啦4 Node增删改查

dom啦5 获取修改新增删除元素属性

dom啦6 增删改查元素的内容

dom啦7设置获取元素的样式

dom啦8 DOM事件

dom啦12 简易轮播图

dom啦 10 关闭广告实例 (核心：想要删掉某一个元素就找它自己的父元素，由父元素执行删掉它)

dom啦11 图片展示核心：在于点击li＞img里面的哪一个就把this.src赋值给div＞img的src

dom啦13 移入移出事件

dom啦16 表单校验核心在于：一样先做完再另一样把。慢慢纠正把。

dom啦19 闭包

dom啦15 商品展示

dom啦17 焦点事件

dom啦14 移入移出菜单

dom啦9 定时器大详解

dom啦循环索引同步2

dom啦循环索引同步1

dom啦18 表单效果

dom啦 Date对象

dom啦全选反选

dom啦循环索引同步练习2

dom啦循环索引同步练习

事件中对象如何兼容各种浏览器

事件原理详解

事件的add几种方式

onmouse各种问题与解决方案

事件冒泡怎么解决，与ie的兼容又怎么解决