![](https://img-blog.csdnimg.cn/2019092715111047.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
DOM
.
不秃头的小李同学
这个作者很懒,什么都没留下…
展开
-
复制(克隆)节点node . cloneNode ( )深拷贝浅拷贝
node.cloneNode ()方法返回调用该方法的节点的-一个副本。也称为克隆节点/拷贝节点如果括号参数为空或者为false,则是浅拷贝,即只克隆复制节点本身,不克隆里面的子节点。如果括号参数为true,则是深度拷贝,会复制节点本身以及里面所有的子节点。①浅拷贝<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>clonetest</t原创 2020-08-31 20:56:03 · 5464 阅读 · 1 评论 -
更改背景图片
<!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> * { .原创 2020-08-06 11:16:41 · 245 阅读 · 0 评论 -
tab栏切换练习
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <style> ul { list-st.原创 2020-08-06 10:46:11 · 255 阅读 · 0 评论 -
盒子模型知识点
第01阶段.前端基础.盒子模型盒子模型(CSS重点)css学习三大重点: css 盒子模型 、 浮动 、 定位主题思路:目标:理解:能说出盒子模型有那四部分组成能说出内边距的作用以及对盒子的影响能说出padding设置不同数值个数分别代表的意思能说出块级盒子居中对齐需要的2个条件能说出外边距合并的解决方法应用:能利用边框复合写法给元素添加边框能计算盒子的实际大小能利用盒子模型布局模块案例1.看透网页布局的本质网页布局中,我们是如何把里面的文字,.原创 2020-06-14 17:21:53 · 512 阅读 · 0 评论 -
下拉菜单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; } div { width: 80px; } a { display: block; width: 80px; heigh.原创 2020-06-14 16:30:53 · 226 阅读 · 0 评论 -
通过className来改变样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>..原创 2020-06-13 11:41:16 · 976 阅读 · 0 评论 -
开关灯案例
效果图:源代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body { background-color: white; } div { height: 200px; width: 200px; margin:100px auto;原创 2020-06-13 11:37:02 · 1049 阅读 · 0 评论 -
循环精灵图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>..原创 2020-06-12 21:34:03 · 449 阅读 · 2 评论 -
淘宝关闭二维码案例
素材:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <titl.原创 2020-06-12 21:27:31 · 558 阅读 · 0 评论 -
操作元素之修改样式属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>..原创 2020-06-12 21:13:59 · 642 阅读 · 0 评论 -
仿京东显示隐藏密码
素材<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title.转载 2020-06-12 21:11:34 · 1259 阅读 · 0 评论 -
innerText 和innerHTML的实例对比
在这里插入代码片<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <.原创 2020-06-12 21:07:23 · 223 阅读 · 0 评论 -
H5新增获取元素的值的操作
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>..原创 2020-06-12 21:05:13 · 430 阅读 · 0 评论 -
getElementsByTagName获取某些元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>..原创 2020-06-12 21:03:28 · 1866 阅读 · 0 评论 -
getElementById获取元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.原创 2020-06-12 21:01:09 · 4637 阅读 · 0 评论