按鈕點擊功能沒有運行？

我的頁面上有一個按鈕，用於清除文檔中的所有文本區域，但是當我單擊所述按鈕時，顯示該功能未運行。我試着給文檔添加一個按鈕偵聽器，但仍然沒有工作，我不明白問題是什麼，因爲警報線甚至沒有運行。按鈕點擊功能沒有運行？

 
 
    function markForm(tagID) { 
 
     var x = document.getElementById(tagID) 
 
     var pre = document.createElement("pre"); 
 
     x.appendChild(pre); 
 
     var SectionDetails = [ 
 
      { name: "Dynamic Table", maxMarks: 20}, 
 
      { name: "IntelliJ usage", maxMarks: 10}, 
 
      { name: "Calendar Controller", maxMarks: 30}, 
 
      { name: "Active Form", maxMarks: 20}, 
 
      { name: "Object Database", maxMarks: 20} 
 
     ]; 
 
     var table = pre.appendChild(document.createElement("table")); 
 
     var tableHeader = table.appendChild(document.createElement("thead")); 
 
     var tableRow = tableHeader.appendChild(document.createElement("tr")); 
 
     var headRow = tableRow.appendChild(document.createElement("th")); 
 
     headRow.appendChild(document.createTextNode("Section")); 
 
     headRow = tableRow.appendChild(document.createElement("th")); 
 
     headRow.appendChild(document.createTextNode("Max Mark")); 
 
     headRow = tableRow.appendChild(document.createElement("th")); 
 
     headRow.appendChild(document.createTextNode("Comments")); 
 
     headRow = tableRow.appendChild(document.createElement("th")); 
 
     headRow.appendChild(document.createTextNode("Mark")); 
 
     var resultsRows = table.appendChild(document.createElement("tbody")); 
 
     for (var i = 0; i < SectionDetails.length; i++) { 
 
      tableRow = resultsRows.appendChild(document.createElement("tr")); 
 
      var tableData = tableRow.appendChild(document.createElement("td")); 
 
      tableData.appendChild(document.createTextNode(SectionDetails[i].name)); 
 
      tableData = tableRow.appendChild(document.createElement("td")); 
 
      tableData.appendChild(document.createTextNode(SectionDetails[i].maxMarks)); 
 
      tableData = tableRow.appendChild(document.createElement("td")); 
 
      var tarea = document.createElement("textarea"); 
 
      tarea.value = "Enter Comments"; 
 
      tableData.appendChild(tarea); 
 
      tableData = tableRow.appendChild(document.createElement("td")); 
 
      var dropDown = document.createElement("select"); 
 
      dropDown.name = SectionDetails[i].name; 
 
      for (var j = 0; j < (SectionDetails[i].maxMarks + 1); j++) { 
 
       var listItem = new Option(j); 
 
       listItem.value=j; 
 
       dropDown.appendChild(listItem); 
 
      } 
 
      tableData.appendChild(dropDown); 
 
     } 
 
     var h2 = document.createElement("h2"); 
 
     h2.innerHTML = "Total Marks: " + document.createTextNode(totalMarks); 
 
     x.appendChild(h2); 
 
    } 
 
    
 
    function totalMarks() { 
 
     var total = 0; 
 
     for (var a = 0; a < SectionDetails.length; a++) { 
 
      var e = document.getElementById(SectionDetails[a].name); 
 
      var total = total + Number(e.options[e.selectedIndex].value); 
 
     } 
 
     return total; 
 
    } 
 
    
 
    function clear() { 
 
     var textareas = documents.getElementsByTagName("textarea"); 
 
     console.log(textareas); 
 
     for (var i = 0; i < textareas.length; i++) { 
 
      textareas[i].value="Enter Comments"; 
 
     } 
 
     alert("Fields Cleared"); 
 
    }

<body onload="markForm('conversion')"> 
 
    <h2>Marking Form: </h2> 
 
    <p id='conversion'> 
 
    
 
    </p> 
 
    <p id='clear'> 
 
     <input type="button" id="but" value="Clear" onclick="clear()"/> 
 
    </p>

來源

2017-02-08 Chaz

我點擊編輯器中的'<>'按鈕，併爲您創建一個[MCVE] – mplungjan

似乎在你的clear（）函數錯誤。它應該是document.getElementsByTagName（）。而你的是「文件」 - 也很清楚是在別處用了一個詞：document.clear

來源

2017-02-08 15:51:24 Prado

按鈕點擊功能沒有運行？

回答

相關問題