密密麻麻的代码-CSDN博客

创建创建html元素 createElement()创建文本节点 createTextNode添加appendChild()只能传一个节点，且不直接支持传字符串append()可以同时传入多个节点或字符串，没有返回值属性设置属性：setAttribute (属性名，属性值)获取属性：getAttribute (属性名) getComputedStyle(元素节点名称).属性设置属性样式：元素节点名称.style.样式 = “属性值”删除remove() 删

2020-10-27 16:26:08 274

原创 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 268

原创 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 76

原创 js随机生成验证码含字母和数字

比较简易的方式直接随机生成验证码function a(num) { var a a = Math.random().toString(36).slice(-num); console.log(a) } a(6)

2020-10-19 19:39:21 371

原创 css动画实现动态打字效果

利用css动画简单实现动态打字在body中添加p标签写入文字<body> <p>如果努力有用的话，还要天才干什么。</p></body>style样式， @keyframes wenzi { 0% { width: 0; } 100% { width: 100; }

2020-10-18 14:37:45 1396 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 7452

原创 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 399 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 1405

qq_44175621的博客

原创 java实现数组的复制功能

原创 java笔记面向对象初级基础

原创 DOM的创建，删除，添加，插入属性