如何通过Javascript添加HTML控件？

// 创建一个新的按钮元素
var newButton = document.createElement("button");
// 设置按钮的文本内容
newButton.textContent = "点击我";
// 添加按钮到body元素中
document.body.appendChild(newButton);

// 创建一个新的输入框元素
var newInput = document.createElement("input");
// 设置输入框的类型为文本
newInput.type = "text";
// 设置输入框的初始值
newInput.value = "请输入文本";
// 添加输入框到body元素中
document.body.appendChild(newInput);

// 创建一个新的下拉列表元素
var newSelect = document.createElement("select");
// 创建几个选项元素
var option1 = document.createElement("option");
option1.value = "option1";
option1.textContent = "选项一";
var option2 = document.createElement("option");
option2.value = "option2";
option2.textContent = "选项二";
// 将选项添加到下拉列表中
newSelect.appendChild(option1);
newSelect.appendChild(option2);
// 添加下拉列表到body元素中
document.body.appendChild(newSelect);