2022 年 7月 16 日随笔档案 - 香香鲲

2022年7月16日

摘要： 1、水平居中 text-align ：center; 适用于行内元素 margin：0 auto; 适用于块级元素 dispaly：flex; justify-content:center; 适用于行内元素和块级元素 margin-left:50%;transform:translateX(-50% 阅读全文

posted @ 2022-07-16 21:24 香香鲲阅读(176) 评论(0) 推荐(0)

DOM：透明模态弹窗

摘要：简单实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conte 阅读全文

posted @ 2022-07-16 17:43 香香鲲阅读(73) 评论(0) 推荐(0)

DOM：JSON数据导入并在网页显示

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2022-07-16 16:03 香香鲲阅读(175) 评论(0) 推荐(0)

DOM：元素的增删改查发、克隆

摘要：对文档树中的节点们可以用js进行增删改查：增： 1、创建元素:这个元素是不会渲染到页面上的,它不在DOM中传入字符串（标签的名字） var box=document.createElement("div") 2、添加到文档树中,x.appendChild(y) 把y节点对象添加到x节点中 bo 阅读全文

posted @ 2022-07-16 10:56 香香鲲阅读(171) 评论(0) 推荐(0)

DOM：信息录入系统

摘要：实现简单的信息录入系统：方案一：简单实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name= 阅读全文

posted @ 2022-07-16 09:35 香香鲲阅读(239) 评论(0) 推荐(0)