JavaScript本案例将完成对文档中表格元素的内容添加（姓名、邮箱），在文本框中输入姓名和邮箱，单击添加按钮，则可将内容添加到表格中。

在JavaScript中，你可以使用DOM操作来实现这个功能。首先，你需要获取用户输入的姓名和邮箱信息，以及页面上的表格和添加按钮元素。以下是基本步骤：

1. **获取表单元素**:
使用`document.getElementById()`选取HTML中的文本框元素，例如输入姓名的`input`和输入邮箱的`input`。

const nameInput = document.getElementById('nameInput');
const emailInput = document.getElementById('emailInput');
const addButton = document.getElementById('addButton');

2. **创建事件监听**:
给添加按钮添加点击事件处理函数，在该函数中执行内容添加操作。

addButton.addEventListener('click', function() {
    // ...
});

3. **获取用户输入**:
获取输入框内的值。

const name = nameInput.value;
const email = emailInput.value;

4. **插入新行到表格**:
可以使用`insertRow()`和`insertCell()`方法动态创建新的表格行，并将名字和邮箱放入相应的单元格。

function addDataToTable(name, email) {
    const newRow = table.rows.add();
    newRow.cells[0].textContent = name; // 姓名列
    newRow.cells[1].textContent = email; // 邮箱列
}

5. **实际应用**:
调用`addDataToTable()`函数并传递用户输入的姓名和邮箱。

addDataToTable(name, email);

完整代码示例:

<input type="text" id="nameInput" placeholder="请输入姓名">
<input type="email" id="emailInput" placeholder="请输入邮箱">
<button id="addButton">添加</button>
<table id="dataTable"></table>

<script>
// ... (以上步骤的JavaScript部分)
</script>