在HTML中，我們可以使用<div>元素來定義一個容器，它可以用于包裹其他HTML元素，從而對它們進行樣式的控制。通過設置<div>元素的style屬性，我們可以直接獲取或修改元素的樣式。本文將詳細說明如何使用JavaScript中的DOM操作來獲取<div>元素的style。

，我們可以使用getElementById()方法獲取<div>元素的引用，然后通過.style屬性來獲取其內聯樣式的值。下面是一個簡單的例子：

<div id="myDiv" style="color: blue; font-size: 16px;">This is a div</div>
<script>
var divElement = document.getElementById("myDiv");
var color = divElement.style.color;
var fontSize = divElement.style.fontSize;
<br>
            console.log("Color: " + color); // Output: Color: blue
console.log("Font Size: " + fontSize); // Output: Font Size: 16px
</script>

上面的代碼中，我們獲取了id為"myDiv"的<div>元素的引用，然后分別使用.style.color和.style.fontSize來獲取其color和fontSize屬性的值。通過輸出結果，我們可以看到成功獲取了<div>元素的樣式。

另外，我們也可以使用getComputedStyle()方法來獲取<div>元素的計算樣式，即應用后的最終樣式。下面是一個例子：

<div id="myDiv" style="color: blue; font-size: 16px;">This is a div</div>
<script>
var divElement = document.getElementById("myDiv");
var computedStyle = window.getComputedStyle(divElement);
<br>
            var color = computedStyle.color;
var fontSize = computedStyle.fontSize;
<br>
            console.log("Color: " + color); // Output: Color: blue
console.log("Font Size: " + fontSize); // Output: Font Size: 16px
</script>

上面的代碼中，我們通過調用window.getComputedStyle()方法來獲取<div>元素的計算樣式對象，然后通過對象的屬性即可獲取各個樣式的值。通過輸出結果，我們可以看到成功獲取了<div>元素的計算樣式。

總的來說，通過<div>元素的style屬性或getComputedStyle()方法，我們可以輕松地獲取到<div>元素的樣式。這樣的操作為我們處理網頁布局或樣式修改提供了很大的方便性。