JavaScript之实例练习（模态对话框详解）

鸿蒙Next

于 2020-05-13 13:18:43 发布

阅读量735

点赞数 2

CC 4.0 BY-SA版权

分类专栏：前端开发(js,css,html) 文章标签： javascript js css web 程序人生

本文链接：https://blog.youkuaiyun.com/Viewinfinitely/article/details/106095873

文章目录

- - - 一、Class的属性
    - 二、模态对话框

一、Class的属性

1、class的常用操作

获取对象所有class： elementNode.className
给对象添加class：elementNode.classList.add
给对象去除class：elementNode.classList.remove

2、练习代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Class属性</title>
</head>
<body>

<div class="div1 div2">空空</div>

<script>
    var ele=document.getElementsByTagName("div")[0];

    console.log(ele.className);  //所有class名
    console.log(ele.classList[0]);  //第一个class名
    console.log(ele.classList[1]);  //第二个class名
    
    ele.classList.add("NewName");  //再添加一个class名
    console.log(ele.className);

</script>

</body>