- 博客(10)
- 收藏
- 关注
RSS订阅原创 DOM的创建，删除，添加，插入属性
创建 创建html元素 createElement() 创建文本节点 createTextNode 添加 appendChild()只能传一个节点，且不直接支持传字符串 append()可以同时传入多个节点或字符串，没有返回值 属性 设置属性 ：setAttribute (属性名，属性值) 获取属性 ：getAttribute (属性名) getComputedStyle(元素节点名称).属性 设置属性样式 ： 元素节点名称.style.样式 = “属性值” 删除 remove() 删
2020-10-27 16:26:08
397
原创 DOM节点父子同胞节点
先简单设置布局调试使用 <div class="father"> <div class="son1">son1文本</div> <button class="son2">son2文本</button> <p class="son3">son3文本</p> <input type="text" class="son4" placeholder="son4文本
2020-10-27 16:06:16
342
原创 DOM文档对象模型笔记
，获取元素方法 第一种get方法获取元素，具体元素需要用不同类型的get方法 第二种querySelector方法，元素名称前要加定义符号 var $div = document.getElementById("a") var $div = document.querySelector("#a") 获取id值 console.log($div.id); 设置背景颜色和宽高 $div.style.background = "red" $div.style.width =
2020-10-22 21:24:04
137
原创 js随机生成验证码 含字母和数字
比较简易的方式直接随机生成验证码 function a(num) { var a a = Math.random().toString(36).slice(-num); console.log(a) } a(6)
2020-10-19 19:39:21
468
原创 css动画实现动态打字效果
利用css动画简单实现动态打字 在body中添加p标签写入文字 <body> <p>如果努力有用的话，还要天才干什么。</p> </body> style样式， @keyframes wenzi { 0% { width: 0; } 100% { width: 100; }
2020-10-18 14:37:45
1538
1
原创 js统计字符串中数字，字母，空格，其他字符的个数
实现原理 利用正则表达式中match方法进行筛选并赋给新的变量，由于赋给的新的变量为object对象，所以可以对它进行遍历，同时计数。 str2 = " ss 154 ad 3 5 45 4 65assssAAcCSDdd@@%#ss54d5 6s5s s" //统计空格 var knum = 0; //计数 var kong = str2.match(/ /g) //筛选 for (i in kong) { knum++
2020-10-14 15:18:20
7861
原创 JavaScript数组常用的增删改查和其他属性
数组的增删改查 数组的插入 push()尾部插入 var arr2 = [1, 2, 3] arr2.push(4, 5, 6) console.log(arr2) //[1,2,3,4,5,6] unshift()头部插入 var arr3 = [1, 2, 3] arr3.unshift(4, 5, 6) console.log(arr3) //[4, 5, 6, 1, 2, 3] splcie 在任意位置内插入，或删除 arr.splice(n,m,x)
2020-10-11 11:41:23
496
2
原创 css样式制作轮播效果
关于用css样式制作轮播 用css3制作轮播效果主要是用动画和溢出隐藏效果而成，利用动画效果向左边不断平移，最终自动生成轮播动画。 实现效果还是很容易的，只需要五步。具体代码如下。 首先，先是bady代码块，用ul li标签放入五张图 <body> <div id="box"> <ul> <li> <img src="./img/1.jpg" alt="">
2020-10-08 15:59:25
1491
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人