                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript入門篇

輸出的結果只有 JavaScript

<!DOCTYPE html>
<html>
?? ?<head>
?? ??? ?<meta http-equiv="content-type" content="text/html; charset=utf-8">
?? ??? ?<title>calssName屬性</title>
?? ??? ?<style type="text/css">
?? ??? ??? ?input{
?? ??? ??? ??? ?font-size: 10px;
?? ??? ??? ?}?? ?
?? ??? ?.one{
?? ??? ??? ?width: 200px;
?? ??? ??? ?background-color: #CCC;?? ??? ??? ?
?? ??? ?}
?? ??? ?.two{
?? ??? ??? ?font-size: 18px;?? ??? ?
?? ??? ??? ?color:#F00;
?? ??? ?}
?? ??? ?</style>
?? ?</head>
?? ?<body>
?? ??? ?<p id = "con" class="one">JavaSprict<p>
?? ??? ?<form
?? ??? ??? ?input type = "button" value = "點擊更改" onclick="modifyclass()"?? ?>
?? ??? ?</form>
?? ??? ?<script type = "text/javasprit">
?? ??? ??? ?var mychar = document.getElementById("con");
?? ??? ??? ?document.write("p元素calss值為："+mychar.className+"<br/>");//輸出p元素給的屬性
?? ??? ??? ?function modifyclass(){
?? ??? ??? ??? ?mychar.className = "two";//改變className
?? ??? ??? ?}
?? ??? ?</script>
?? ?</body>
</html>