如何从JavaScript访问HTML文本框？

// 获取文本框元素
var textBox = document.getElementById("textBoxId");

// 访问文本框的值
var textBoxValue = textBox.value;

// 修改文本框的值
textBox.value = "新的值";

// 获取文本框元素
var textBox = document.querySelector("#textBoxId");

// 访问文本框的值
var textBoxValue = textBox.value;

// 修改文本框的值
textBox.value = "新的值";

// 获取文本框元素
var textBox = document.getElementsByClassName("textBoxClass")[0];

// 访问文本框的值
var textBoxValue = textBox.value;

// 修改文本框的值
textBox.value = "新的值";

// 获取文本框元素
var textBox = document.getElementsByTagName("input")[0];

// 访问文本框的值
var textBoxValue = textBox.value;

// 修改文本框的值
textBox.value = "新的值";

// 获取文本框元素
var textBox = document.querySelectorAll(".textBoxClass")[0];

// 访问文本框的值
var textBoxValue = textBox.value;

// 修改文本框的值
textBox.value = "新的值";