前端h5
关注
分享
扫一扫
文章平均质量分 52
html5
密密麻麻的代码
一个小白新
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
DOM的创建，删除，添加，插入属性
创建 创建html元素 createElement() 创建文本节点 createTextNode 添加 appendChild()只能传一个节点，且不直接支持传字符串 append()可以同时传入多个节点或字符串，没有返回值 属性 设置属性 ：setAttribute (属性名，属性值) 获取属性 ：getAttribute (属性名) getComputedStyle(元素节点名称).属性 设置属性样式 ： 元素节点名称.style.样式 = “属性值” 删除 remove() 删原创 2020-10-27 16:26:08 · 397 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 阅读 · 0 评论