怎么用js的addClassName给class=""加一个样式

JavaScript021

怎么用js的addClassName给class=""加一个样式,第1张

如下示例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

<html xmlns="

<head>

<meta http-equiv="Content-Type" content="text/html charset=utf-8" />

<title>Demo</title>

</head>

<style type="text/css">

a{text-decoration: none}

.class-name{border: 1px solid #CCCCCCbackground: #FFA54F-webkit-border-radius: 5px-moz-border-radius: 5pxkhtml-border-radius: 5pxborder-radius: 5pxpadding: 5px 10pxwidth: 100pxtext-align: center}

</style>

<body>

    <div id="main">

        <a href="javascript:" onclick="add_class()">添加Class</a>

    </div>

<script language="javascript" type="text/javascript">

    function add_class(){

        document.getElementById('main').className = 'class-name'

    }

</script>

</body>

</html>

测试效果如下：

添加class前

添加class后

与jQuery的addClass同一效果的。

const addName = (name) => {

    console.log(name)

}

addName('晚晚_WgbN0')

复制到chrome里运行看看。

1、js创建一个对象或者在原有对象上添加一个已知属性，并给这个属性赋值，写法如下：

let obj = {'a1':'a1'}obj['a2'] = 'a2'console.log(obj)//输出{'a1':'a1','a2':'a2'}

2、添加一个变量属性，并赋值变量，写法如下：

function add(name,value){let obj = {"a1":"a1"}obj[name] = value//返回参数console.log(obj)//{"a1":"a1","b1":"b1"}}add("b1","b1")