当我们需要获取用户在文本框中输入的内容时，可以使用JavaScript来实现。下面就让我们来学习一下如何通过JavaScript获取文本框中的内容。

首先，我们需要使用JavaScript获取文本框的元素，可以通过如下方式获取：

var textBox = document.getElementById("textBoxId");

其中，textBoxId为文本框的id属性值。获取到文本框元素后，就可以通过以下方式获取用户在文本框中输入的内容：

var textBoxValue = textBox.value;

textBoxValue即为用户在文本框中输入的内容。以下是一个获取文本框内容并输出的示例：

<input type="text" id="textBox" name="textBox">
<button onclick="getTextBoxValue()">获取文本框内容</button>
<p id="output"></p>
<script>
function getTextBoxValue() {
var textBox = document.getElementById("textBox");
var textBoxValue = textBox.value;
document.getElementById("output").innerHTML = "您输入的内容是：" + textBoxValue;
}
</script>

在上述示例中，利用button的onclick事件来触发获取文本框内容的函数getTextBoxValue()，并将获取到的内容输出。可以在页面中加入文本框并试着输入一些内容，然后点击“获取文本框内容”按钮，页面上就会显示输入的内容。

除了直接获取文本框元素后再获取内容外，还可以通过jQuery库中的val()方法来获取文本框内容。例如：

var textBoxValue = $("#textBoxId").val();

这种方式需要在代码中引入jQuery库。以下是一个通过jQuery获取文本框内容并输出的示例：

<input type="text" id="textBox" name="textBox">
<button onclick="getTextBoxValue()">获取文本框内容</button>
<p id="output"></p>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
function getTextBoxValue() {
var textBoxValue = $("#textBox").val();
$("#output").text("您输入的内容是：" + textBoxValue);
}
</script>

以上介绍了两种获取文本框内容的方式，都很简单易懂。需要注意的是，在获取文本框内容时要注意文本框元素的id或选择器的正确性，否则会获取不到内容。

总结：JavaScript可以很轻松地获取文本框中的内容，我们可以根据实际需求选择不同的方式来获取。在使用过程中，需要注意文本框元素的准确性，才能保证获取到正确的内容。