createElement方法是JavaScript中提供的一個DOM方法，用于在網頁上創建新的HTML元素。下面的例子展示了如何使用createElement方法來創建一個<div>元素：
var divElement = document.createElement("div");上述代碼中，使用createElement方法創建了一個名為divElement的變量，并將其賦值為一個新創建的<div>元素。在這個例子中，createElement方法將創建一個空的<div>元素，沒有任何屬性和內容。這個新創建的元素可以通過其他DOM方法來進一步設置屬性和添加內容。
接下來的示例代碼將展示如何通過createElement方法來創建一個帶有文本內容的<div>元素：
var divElement = document.createElement("div");
divElement.textContent = "這是一個創建的<div>元素。";上述代碼中，使用createElement方法創建了一個名為divElement的變量，并設置了其textContent屬性為一個字符串。這個字符串將會成為新創建的<div>元素的文本內容。通過這種方式，我們可以在網頁上創建出帶有自定義內容的<div>元素。
在以下示例代碼中，我們將使用createElement方法創建一個帶有樣式的<div>元素：
var divElement = document.createElement("div");
divElement.style.width = "200px";
divElement.style.height = "100px";
divElement.style.backgroundColor = "red";在這個例子中，使用createElement方法創建了一個名為divElement的變量，并通過設置其style屬性來設置元素的樣式。通過這種方式，我們可以輕松地創建出具有自定義樣式的<div>元素，并在頁面上展示出來。
在實際的網頁開發過程中，我們通常會將動態創建的元素添加到已有的DOM結構中。以下是一個示例代碼，演示了如何通過createElement方法創建一個<div>元素，并將其添加到頁面上的<body>元素中：
var divElement = document.createElement("div");
divElement.textContent = "這是通過createElement方法創建的<div>元素。";
document.body.appendChild(divElement);在這個例子中，先使用createElement方法創建了一個名為divElement的變量，并設置其textContent屬性為一個字符串。然后，使用appendChild方法將該元素添加到了頁面上的<body>元素中。通過這種方式，我們可以輕松地將動態創建的元素添加到頁面上的任何位置。
通過上述幾個例子，我們可以看到createElement方法的強大之處。利用這個方法，我們可以在網頁上輕松地動態創建<div>元素，并通過其他DOM方法來自定義其屬性、樣式和內容。這種靈活的創建元素的方式，為網頁開發提供了更多的可能性和便利性。