###HTMLにJavascriptをAddしてFirstName, LastNAme, BirthDateを入力するテーブルを作っています。Submitボタンは完成したのですがDeleteボタンがファンクションしません。
###HTMLのドキュメントです
<!DOCTYPE html> <html> <head> <title>Fill Table</title> <script type="text/javascript" src="app.js"></script> </head> <body > <div id="form"> <b>Personal Data</b> <table> <tr> <td>First Name:</td> <td><input type= 'text' id='firstName' ></td> </tr> <tr> <td>Last Name:</td> <td><input type= 'text' id='lastName'></td> </tr> <tr> <td>Birth Date:</td> <td><input type= 'text' id='birthDate'> <input type='button' id="submit" value='Submit' onclick="Javascript:addRow()"></td> </tr> <tr> <td> </td> <td> </td> </tr> </table> </div> <div id="data"> </div> <input type='button' id="delete" value="Delete" onclick="Javascript:deleteRow()"> </body> </html>
###Javascriptのドキュメントです
function addRow() { var firstName = document.getElementById("firstName"); var lastName = document.getElementById("lastName"); var birthDate = document.getElementById("birthDate"); var tableDiv = document.getElementById("data"); var tableData = document.getElementById("tableData"); if (tableData == null) { tableDiv.innerHTML = "<table id='tableData' border='1' cellpadding='2'>" + "<tr>"+ "<th>First Name</th>"+ "<th>Last Name</th>"+ "<th><b>Birth Date</th>"+ "</tr>"+ "</table>"; tableData = document.getElementById("tableData"); } var rowCount = tableData.rows.length; var row = tableData.insertRow(rowCount); row.insertCell(0).innerHTML = firstName.value; row.insertCell(1).innerHTML = lastName.value; row.insertCell(2).innerHTML = birthDate.value; firstName.value = ""; lastName.value = ""; birthDate.value = ""; } //ここのDeleteの部分がファンクションしません。 function deleteRow(r){ var i = r.parentNode.parentNode.rowIndex; document.getElementById("tableData").deleteRow(i); }
###よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2017/02/04 21:49