码迷,mamicode.com
首页 > 其他好文 > 详细

【每日技术总结】2019.1.4

时间:2019-01-04 14:31:55      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:总结   ret   new   target   htm   day   homepage   存在   toggle   

 

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

标签:总结   ret   new   target   htm   day   homepage   存在   toggle   

原文地址:https://www.cnblogs.com/basic0001/p/10219234.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!