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

有誰幫我看看哪里出錯了，為什么點擊按鈕沒有反映呢？

? 
??? <input type="button" value="改變顏色"? onclick="changeColor()">?
??? <input type="button" value="改變寬高"? onclick="changeWidth()">
??? <input type="button" value="隱藏內容"? onclick="changeHidden()">
??? <input type="button" value="顯示內容"? onclick="changeDisplay()">
??? <input type="button" value="取消設置"? onclick="changeSet()">
? </form>
? <script type="text/javascript">
//定義"改變顏色"的函數
function changeColor(){
??? var obj=document.getElementById("txt");
??? obj.style.color="red";
??? obj.style.backgroundColor="#ccc";
}

//定義"改變寬高"的函數

function changeWidth(){
??? var obj=document.getElementById("txt");
??? obj.style.width="200px";
??? obj.style.height="300px";
}

//定義"隱藏內容"的函數
function changeHidden(){
??? var obj=document.getElementById("txt");
??? obj.style.display="none";
}

//定義"顯示內容"的函數
function changeDisplay(){
??? var obj=document.getElementById("txt");
??? obj.style.display="block";
}

//定義"取消設置"的函數
function changeSet(){
??? var obj=document.getElementById("txt");
??? var con=confirm("是否確定取消設置");
??? if(con==true){
??????? obj.removeAttribute('style');
??? }else{
?????? document.write("您取消了設置"); |
?? }

｝

shuang_shuang

2016-11-30

源自：JavaScript入門篇 4-1

關注問題我要回答

1188

操作

收起

8 回答

shuang_shuang 提問者
2016-12-02

各位小伙伴，我終于找到錯誤所在了，是最后一個大括號打成了中文下的，已經找到并解決了，初學者還是得注意這一點。

0 回復有任何疑惑可以回復我~

收起回答

慕少7407973
2016-12-02

在瀏覽器按F12看哪里錯了。。不過我想問定義這么多obj可不可以（也是菜鳥）

0 回復有任何疑惑可以回復我~

收起回答

隊長給我球
2016-12-01

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?Content="text/html;?charset=utf-8"?/>
<title>javascript</title>
<style?type="text/css">
body{font-size:12px;}
#txt{
????height:400px;
????width:600px;
????border:#333?solid?1px;
????padding:5px;}
p{
????line-height:18px;
????text-indent:2em;}
</style>
</head>
<body>
??<h2?id="con">JavaScript課程</H2>
??<div?id="txt">?
?????<h5>JavaScript為網頁添加動態效果并實現與用戶交互的功能。</h5>
????????<p>1.?JavaScript入門篇，讓不懂JS的你，快速了解JS。</p>
????????<p>2.?JavaScript進階篇，讓你掌握JS的基礎語法、函數、數組、事件、內置對象、BOM瀏覽器、DOM操作。</p>
????????<p>3.?學完以上兩門基礎課后，在深入學習JavaScript的變量作用域、事件、對象、運動、cookie、正則表達式、ajax等課程。</p>
??</div>
??<form>
??<!--當點擊相應按鈕，執行相應操作，為按鈕添加相應事件-->
????<input?type="button"?value="改變顏色"??onClick="changeColor()"?/>??
????<input?type="button"?value="改變寬高"??onClick="changeWidthAndHeight()"?/?>
????<input?type="button"?value="隱藏內容"??onClick="displayContentNone()"?/?>
????<input?type="button"?value="顯示內容"??onClick="displayContentBlock()"?/?>
????<input?type="button"?value="取消設置"??onClick="setConfirm()"?/?>
??</form>
??<script?type="text/javascript">
????//定義"改變顏色"的函數
????function?changeColor(){
????????var?txtColor?=?document.getElementById("txt");
????????txtColor.style.color?=?"red";
????????txtColor.style.backgroundColor?=?"blue";
????}
????
????//定義"改變寬高"的函數
????function?changeWidthAndHeight(){
????????var?wh?=?document.getElementById("txt");
????????wh.style.width?=?"700px";
????????wh.style.height?=?"200px";
????}
????
????//定義"隱藏內容"的函數
????function?displayContentNone(){
????????var?dcn?=?document.getElementById("txt");
????????dcn.style.display?=?"none";
????}
????
????//定義"顯示內容"的函數
????function?displayContentBlock(){
????????var?dcb?=?document.getElementById("txt");
????????dcb.style.display?=?"block";
????}
????
????//定義"取消設置"的函數
????function?setConfirm(){
????????var?sc?=?document.getElementById("txt");
????????if(confirm("確定取消設置嗎")){
????????????sc.removeAttribute("style");
????????}
????}
??</script>
</body>
</html>

---------------------------------

沒看出你錯哪兒了,你參考下我的

0 回復有任何疑惑可以回復我~

收起回答