每日技术总结2019.1.4
Posted basic0001
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了每日技术总结2019.1.4相关的知识,希望对你有一定的参考价值。
1.Flex布局子元素垂直居中,给父元素添加以下样式:
.parent { display: flex; align-items: center; }
2.js面向对象的选项卡 见另一篇文章 js面向对象的选项卡
3.classList属性 参考 菜鸟教程 HTML DOM classList属性
实例如下:
// 为 <div> 元素添加 class
document.getElementById("myDIV").classList.add("mystyle");
// 为<div>元素添加多个类
document.getElementById("myDIV").classList.add("mystyle", "anotherClass", "thirdClass");
// 为 <div> 元素移除一个类
document.getElementById("myDIV").classList.remove("mystyle");
// 为 <div> 元素移除多个类
document.getElementById("myDIV").classList.remove("mystyle", "anotherClass", "thirdClass");
// 为 <div> 元素切换类:
document.getElementById("myDIV").classList.toggle("newClassName");
// 获取<div> 元素的类名:
var x = document.getElementById("myDIV").classList;
// 查看 <div> 元素有多少个类名:
var x = document.getElementById("myDIV").classList.length;
// 获取 <div> 元素的第一个类名(索引为0):
var x = document.getElementById("myDIV").classList.item(0);
// 查看元素是否存在 "mystyle" 类:
var x = document.getElementById("myDIV").classList.contains("mystyle"); // return true
以上是关于每日技术总结2019.1.4的主要内容,如果未能解决你的问题,请参考以下文章