在JavaScript中，我们可以通过多种方式来改变HTML元素的值，这包括直接修改元素的属性，使用DOM方法，或者使用jQuery等库，以下是一些常见的方法：

1、直接修改元素属性

这是最直接的方式，我们可以直接通过JavaScript获取到HTML元素，然后修改其属性值，如果我们想要改变一个段落的文本内容，我们可以这样做：

var p = document.getElementById("myParagraph");
p.innerHTML = "新的文本内容";

在这个例子中，我们首先通过document.getElementById方法获取到了id为"myParagraph"的段落元素，然后通过innerHTML属性将其文本内容修改为"新的文本内容"。

2、使用DOM方法

除了直接修改元素属性，我们还可以使用DOM（文档对象模型）的方法来改变HTML元素的值，DOM是一种编程接口，它允许我们操作HTML和XML文档的结构，我们可以使用textContent或innerText属性来改变元素的文本内容：

var p = document.getElementById("myParagraph");
p.textContent = "新的文本内容";

在这个例子中，我们使用了textContent属性来改变段落的文本内容，这个方法与innerHTML属性的区别在于，textContent只会改变元素的文本内容，而不会解析其中的HTML标签。

3、使用jQuery

jQuery是一个流行的JavaScript库，它提供了一种简洁的方式来操作HTML元素，我们可以使用jQuery的选择器来获取元素，然后使用其提供的方法来改变元素的值：

$("#myParagraph").text("新的文本内容");

在这个例子中，我们使用了jQuery的选择器$("#myParagraph")来获取id为"myParagraph"的元素，然后使用text方法将其文本内容修改为"新的文本内容"。

4、使用事件处理函数

我们还可以在事件处理函数中改变HTML元素的值，我们可以在点击按钮时改变一个段落的文本内容：

<button id="myButton">点击我</button>
<p id="myParagraph">原始文本内容</p>

document.getElementById("myButton").addEventListener("click", function() {
  var p = document.getElementById("myParagraph");
  p.innerHTML = "新的文本内容";
});

在这个例子中，我们首先通过document.getElementById方法获取到了id为"myButton"的按钮元素，然后使用addEventListener方法为其添加了一个点击事件处理函数，在这个函数中，我们同样使用了document.getElementById方法获取到了id为"myParagraph"的段落元素，然后通过innerHTML属性将其文本内容修改为"新的文本内容"。

以上就是在JavaScript中改变HTML元素的值的一些常见方法，需要注意的是，虽然这些方法都可以实现相同的效果，但是它们在使用上有一些区别，直接修改元素属性和使用DOM方法可以获取到元素的所有子节点，而使用jQuery和事件处理函数则只能获取到当前选中的元素，在实际开发中，我们需要根据具体的需求和场景来选择合适的方法。

5、使用CSS类名和JavaScript交互

我们还可以通过改变元素的CSS类名来间接改变HTML元素的值，我们可以定义一些CSS类名来控制元素的样式和行为：

.hidden { display: none; }
.bold { fontweight: bold; }

然后在JavaScript中，我们可以使用classList属性来添加、删除或切换元素的CSS类名：

var p = document.getElementById("myParagraph");
p.classList.add("hidden"); // 隐藏元素
p.classList.remove("hidden"); // 显示元素
p.classList.toggle("bold"); // 切换粗体样式

在这个例子中，我们首先通过document.getElementById方法获取到了id为"myParagraph"的段落元素，然后使用classList属性的add、remove和toggle方法来添加、删除或切换元素的CSS类名，这样，我们就可以通过改变CSS类名来间接改变HTML元素的值。

6、使用AJAX动态更新HTML内容

我们还可以使用AJAX（异步JavaScript和XML）技术来动态更新HTML的内容，AJAX是一种在无需重新加载整个网页的情况下，与服务器交换数据并更新部分网页的技术，我们可以使用jQuery的$.ajax方法来实现这个功能：

$.ajax({
  url: "someurl", // 请求的URL地址
  type: "GET", // 请求的类型（GET、POST等）
  dataType: "json", // 返回的数据类型（xml、json等）
  success: function(data) { // 请求成功时的回调函数
    var p = document.getElementById("myParagraph");
    p.innerHTML = data.content; // 更新段落的文本内容
  }
});

在这个例子中，我们使用了jQuery的$.ajax方法来发送一个GET请求到"someurl"地址，当请求成功时，我们获取到了返回的数据，然后通过innerHTML属性将其文本内容更新到段落元素中，这样，我们就可以在不刷新页面的情况下，动态地改变HTML的内容。