我已經使用這個：如何刪除已編入的表格？
<html>
<head>
<title>Table Time</title>
</head>
<body>
<table border="1px">
<tr>
<td>One</td>
</tr>
<td>Two</td>
<tr>
<td>Three</td>
</tr>
<tr>
</tr>
</table>
</body>
</html>要創建一個表。我如何使用代碼刪除表格？我是否必須使用「id」爲表格聲明一個變量，或者我需要做其他事情，以及刪除表格的代碼行是什麼。謝謝！
純JS的解決方案：
var el = document.getElementById("tableID");
el.parentElement.removeChild(el);
我們假設您的table的ID爲tableID。
使用jQuery：
$("#tableID").remove();
使用Javascript：
var table = document.getElementById("tableID");
table.parentNode.removeChild(table);
Javascript或php怎麼樣？或者我可以引入jQuery與
@Paldox當你只是想使用Javascript時，我添加了一個片段。 –
一種常見的方法是爲表格創建包裝，然後用新的HTML替換包裝的內部HTML。例如：
<html>
<head>
<title>Table Time</title>
</head>
<body>
<div id="table-wrapper">
<table border="1px">
<tr>
<td>One</td>
</tr>
<td>Two</td>
<tr>
<td>Three</td>
</tr>
<tr>
</tr>
</table>
</div>
<button type="button" id="button">Button</button>
</body>
</html>
<script type="text/javascript">
$(document).ready(function() {
$('#button').click(function() {
$('#table-wrapper').html('No records found.');
});
});
</script>
以下是相應的jsfiddle： https://jsfiddle.net/mwatz122/ws0j3xma/
，如果你不使用jQuery你可以使用JavaScript
它添加到你的頭上
<script>
function hidetable(which){
document.getElementById((which).style.display = 'none';
}
</script>
只需添加這對元素
<div onClick="hidetable('tablename')"></div>
可以刪除表使用javascript這樣
</head>
<body>
<p>Click the button to remove the first row in the table.</p>
<table id="myTable">
<tr>
<td>cell 1</td>
<td>cell 2</td>
</tr>
<tr>
<td>cell 3</td>
<td>cell 4</td>
</tr>
</table>
<br>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction() {
document.getElementById("myTable").deleteRow(0);
}
</script>
</body>
</html>
[![enter image description here][1]][1]
您可以添加HTML按鈕，並給表和您選擇的按鈕的ID，像
<button id="removeTableButton">Save</button>
<table border="1px" id="myTable">
<... rows and data ...>
</table>
在底部添加一個JavaScript文件，如func.js.
<script type="text/javascript" src="func.js"></script>
</body>
</html>
在func.js您可以添加，當你點擊按鈕時執行功能的事件監聽（）。
document.getElementById("removeTableButton").addEventListener("click", function() {
var table = document.getElementById("myTable");
table.innerHtml = "";
});
Here is the link to the JSFiddleDemo
它不是必需的，但其最好的做法是使用格式化thead，tbody，th標記你的表。
// HTML
<body>
<table id='mytable'>
<thead>
<tr>
<th>Table Head 1</th>
<th>Table Head 2</th>
<th>Table Head 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Data 1</td>
<td>Data 2</td>
<td>Data 3</td>
</tr>
<tr>
<td>Data 1</td>
<td>Data 2</td>
<td>Data 3</td>
</tr>
</tbody>
</table>
<button id='mybutton'>Remove Table</button>
</body>
// JS
//WHEN THE DOCUMENT LOADS RUN THIS FUNCTION
document.onreadystatechange = function() {
if (document.readyState == "interactive") {
var btn = document.getElementById('mybutton'); //GET THE BUTTON AND SET IT TO A VARIABLE IN JS
btn.addEventListener('click', removeTable); //ADD A 'CLICK' EVENT LISTENERS, WHEN THE USER CLICKS IT WILL RUN THE FUNCTION 'removeTable'
}
}
function removeTable(){
var table = document.getElementById('mytable'); //GET THE TABLE SET TO VARIABLE IN JS
document.body.removeChild(table); //REMOVE THE TABLE FROM THE DOCUMENT BODY
}
我假設你要基於某些類型的用戶交互，正確刪除表？ –
「code」你的意思是JavaScript嗎？ – j08691
是的，你是正確的約旦。 @JordanDavis – Paldox