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

重置不起作用，附代碼

???function?do_reset?()?{
????????document.getElementById("txt");
????????txt.className?=?"two";
????????var?classnum?;
????????classnum?=?txt.className?;
????????alert(classnum);
????}

function do_reset() 不起作用

??<div?id="txt"?class="one">

這是父容器，我加了一個類名

.one{
????height:400px;
????width:600px;
????border:#333?solid?1px;
????padding:5px;}
.two{
????height:400px;
????width:600px;
????border:#333?solid?1px;
????padding:5px;}

這是我的css樣式，考慮到權值（#id是100，.class是10）所以我把原來的選擇器換為類的選擇器，然后通過更改類名做到切換樣式。最后沒有重置的效果

慕俠2950284

2015-11-19

源自：JavaScript入門篇 4-1

關注問題我要回答

564

操作

收起

1 回答

李曉健回答被采納 +3 積分
2015-11-19

<!DOCTYPE?HTML>
<html>
<head>
????<meta?http-equiv="Content-Type"?Content="text/html;?charset=utf-8"/>
????<title>javascript</title>
????<style?type="text/css">
????????.one{
????????????height:400px;
????????????width:600px;
????????????border:#333?solid?1px;
????????????padding:5px;}
????????.two{
????????????height:400px;
????????????width:600px;
????????????border:#333?solid?1px;
????????????padding:5px;}
????</style>
</head>
<body>
<div?id="txt"?class="one"></div>
<input?type="button"?onclick="do_reset()"?value="重置">
<script?type="text/javascript">
????function?do_reset?()?{
????????var?txt?=?document.getElementById("txt");
????????txt.className?=?"two";
????????var?classnum?;
????????classnum?=?txt.className?;
????????alert(classnum);
????}
</script>
</body>
</html>

你的代碼給的是片段，產不是完整代碼，所以不知道是不是你的代碼結構有問題。從片段中可以看出來的問題是：我的代碼的25 你所用的txt 沒有聲明出來，也就是說不存在，第24行，你根據id去獲取了一個元素，你并沒有保存下來，也就是說這一步是白做。你的兩個class的樣式內容是一樣的，所以重置頁面也不會有任何變化。只會alert出重置后的className