<html xmlns="
<meta http-equiv="Content-Type"content="text/html;charset=utf-8"/></meta>
<title>Demotitle</title>
<head>
<style type="text/css">
a{text-decoration:none;}
.class-name{border:1pxsolid#CCCCCC;background:#FFA54F;-webkit-border-radius:5px;-moz-border-radius:5px;khtml-border-radius:5px;border-radius:5px;padding:5px10px;width:100px;text-align:center;}
</style>
<body>
<div id="main">
<a href="javascript:;"onclick="add_class()">添加Class</a>
</div>
<script language="javascript"type="text/javascript">
functionadd_class(){
document.getElementByIdx_x('main').className='class-name';
}
</script>
</body>
html>
注意：
1.'class-name'，当有的 class 上有 className 再添加 className的情况下，' class-name'，类名前应有一个空格。
2.添加多个 className ，可空格添加。如：‘class-name1class-name12
class-name3class-name4’。
网友评论