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

最新推荐文章于 2025-08-06 09:31:37 发布

原创

最新推荐文章于 2025-08-06 09:31:37 发布 · 796 阅读

标签

#javascript #js #css #web #程序人生

收录于

文章目录

- - - 一、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>
<<