一、增加 添加一个元素分为3个步骤: 1.创建一个空元素对象 var a=document.createElement("a") 2.设置关键属性 a.href="www.baidu.com"; a.innerHTML="go to baidu"; 3.将新对象挂载到Dom树上指定位置(3种情况) ...
分类:
其他好文 时间:
2019-09-06 22:32:56
阅读次数:
91
防抖 所谓防抖,就是指触发事件后在n秒内函数只能触发一次,如果在n秒内又触发了事件,则会重新计算函数执行时间。 document.getElementById('btn').onclick = debounce(function () { this.innerHTML = '按钮' + num++; ...
分类:
其他好文 时间:
2019-09-05 18:12:07
阅读次数:
87
通过document对象调用 innerHTML 获取元素内部的HTML代码 对于自结束标签,这个属性没有意义 自结束标签 <img> <link> <input> <hr> 水平线 <source> 为媒介元素(比如 <video> 和 <audio>)定义媒介资源 1.getElementByI ...
分类:
其他好文 时间:
2019-09-04 15:04:10
阅读次数:
103
<body> <div id="app"> <input type="text" id="txt"> <p id="show"></p> </div> </body> <script type="text/javascript"> var obj = {} Object.defineProperty... ...
分类:
Web程序 时间:
2019-09-03 11:52:14
阅读次数:
90
主要思路 前面六个为红色球,选号范围01-33,最后一位是蓝色球,选号范围01-16。 蓝球数字有可能跟红色球一样 所以 写了一个生成六位不重复的数组 让后通过innerHTML赋值给className相对应的div里面 i 控制 模拟转动的时间 在if判断中 数字越大 转动时间越久 最后就会产生一 ...
分类:
Web程序 时间:
2019-09-01 18:22:52
阅读次数:
88
什么是 DOM? DOM 是 W3C(万维网联盟)的标准。 DOM 定义了访问 HTML 和 XML 文档的标准: W3C DOM 标准被分为 3 个不同的部分: 核心 DOM - 针对任何结构化文档的标准模型 XML DOM - 针对 XML 文档的标准模型 HTML DOM - 针对 HTML ...
分类:
其他好文 时间:
2019-08-31 21:48:27
阅读次数:
95
定时器有两种方法: 1.setInterval() :按照指定的周期(以毫秒计)来调用函数或计算表达式。方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。 2.setTimeout() :在指定的毫秒数后调用函数或计算表达式。 语法:setInterval(函数或者代码 ...
分类:
其他好文 时间:
2019-08-31 17:32:23
阅读次数:
90
1.DOM属性的基本操作(增/删/改/查) 改变元素的内容(innerHTML),属性(value),样式(width,height,background) 也就是对DOM进行增删改查 DOM的属性操作,增删改查 什么是元素的属性?class就是元素的属性,写在元素内的所有东西都是元素的属性,比如l ...
分类:
其他好文 时间:
2019-08-31 17:31:41
阅读次数:
96
DOM:功能:控制html文档的内容代码:获取页面标签(元素)对象 Element document.getElementById("id值"):通过元素id获取元素对象操作Element对象; 1.修改属性值: 1.明确获取的对象是哪一个 2.查看API文档,查找其中哪些属性可以设置 2.修改标签 ...
分类:
其他好文 时间:
2019-08-29 20:10:06
阅读次数:
123
㈠HTML DOM - 修改 修改 HTML = 改变元素、属性、样式和事件。 ①创建 HTML 内容 改变元素内容的最简单的方法是使用 innerHTML 属性。 下面的例子改变一个 <p> 元素的 HTML 内容: 效果图: ②改变 HTML 样式 通过 HTML DOM,能够访问 HTML 元 ...
分类:
Web程序 时间:
2019-08-28 22:42:46
阅读次数:
185