JavaScript是一种基于对象和事件驱动的编程语言，可以在网页中实现动态交互效果。而JavaScript的DOM则是网页开发中非常重要的一部分，它能够让我们通过代码来对HTML页面上的元素进行操作和修改。

如下所示，我们可以通过JavaScript来实现更改页面上某个元素的背景颜色：

<code>let element = document.getElementById("my-element"); 
element.style.backgroundColor = "red";</code>

在这里，我们使用了document对象来获取页面中id为"my-element"的元素，随后使用.style属性去改变该元素的背景颜色。这个简单的例子展示了JavaScript DOM的一些基本概念，如何通过JS代码来找到一个元素以及如何修改样式。

但事实上，DOM可以做的远不止这些。我们可以通过DOM来创建、删除和添加元素、修改元素的属性、遍历和查找元素等等。下面是一个示例，展示如何使用JavaScript DOM通过代码来创建一个HTML元素：

<code>let div = document.createElement("div");
let text = document.createTextNode("This is some text");
div.appendChild(text);
document.body.appendChild(div);</code>

在这个例子中，我们使用了document.createElement()方法来创建一个名为“div”的HTML元素，同时创建了一个文本节点(text)。使用.appendChild()方法，我们将这个文本节点添加到了新创建的div元素中，接着我们又将这个新创建的div元素添加到了页面的body元素中。

除了创建元素之外，我们还可以通过DOM来查找和修改元素的属性。比如，我们可以使用document.getElementById()方法来找到一个id为“my-element”的元素，并使用.setAttribute()方法来给该元素设置一个新的class属性：

<code>let element = document.getElementById("my-element");
element.setAttribute("class", "highlighted-element");</code>

在这个例子中，我们查找了一个id为“my-element”的元素，随后使用.setAttribute()方法来给该元素设置了一个名为“highlighted-element”的class属性值。

总体来说，JavaScript DOM是网页开发中不可或缺的一部分，可以让我们通过代码来操作HTML页面中的元素，实现网页的动态效果。JavaScript DOM的操作方式非常丰富和灵活，使得我们能够轻松地实现各种各样的功能，同时也让网页开发变得更加高效和便捷。