JavaScript 动态表格创建：单选、下拉、输入框和删除功能

这段代码使用 JavaScript 动态创建了一个表格，包含以下功能：

• 第一列：只有一个单元格，显示固定内容。
• 第二列：包含两个单选按钮，用户可以选择其中一个选项。
• 第三列：包含一个下拉菜单，用户可以选择其中一个选项。
• 第四列：包含三个输入框，分别用于输入内存大小、CPU大小和存储大小。
• 第五列：包含一个按钮，点击该按钮可以删除该行内容。

以下是用 JavaScript 代码实现动态表格创建：

// 获取表格元素
var table = document.querySelector('table');

// 创建表格行
var row = table.insertRow();

// 创建第一列单元格
var cell1 = row.insertCell(0);
cell1.innerHTML = '第一列';

// 创建第二列单元格
var cell2 = row.insertCell(1);
var option1 = document.createElement('input');
option1.type = 'radio';
option1.name = 'option';
option1.value = '选项1';
var label1 = document.createElement('label');
label1.innerHTML = '选项1';
var option2 = document.createElement('input');
option2.type = 'radio';
option2.name = 'option';
option2.value = '选项2';
var label2 = document.createElement('label');
label2.innerHTML = '选项2';
cell2.appendChild(option1);
cell2.appendChild(label1);
cell2.appendChild(option2);
cell2.appendChild(label2);

// 创建第三列单元格
var cell3 = row.insertCell(2);
var select = document.createElement('select');
var option3 = document.createElement('option');
option3.innerHTML = '选项1';
var option4 = document.createElement('option');
option4.innerHTML = '选项2';
select.appendChild(option3);
select.appendChild(option4);
cell3.appendChild(select);

// 创建第四列单元格
var cell4 = row.insertCell(3);
var input1 = document.createElement('input');
input1.type = 'text';
input1.placeholder = '内存大小';
var input2 = document.createElement('input');
input2.type = 'text';
input2.placeholder = 'CPU大小';
var input3 = document.createElement('input');
input3.type = 'text';
input3.placeholder = '存储大小';
cell4.appendChild(input1);
cell4.appendChild(input2);
cell4.appendChild(input3);

// 创建第五列单元格
var cell5 = row.insertCell(4);
var button = document.createElement('button');
button.innerHTML = '删除';
button.onclick = function() {
  table.deleteRow(row.rowIndex);
};
cell5.appendChild(button);

这段代码首先获取了一个表格元素，然后通过insertRow()方法创建了一个新的表格行。接下来，在新行中分别创建了四个单元格，分别对应你要求的四列内容。在第五列中还创建了一个按钮，点击该按钮可以删除该行。