document.write() 是 JavaScript 中的一個方法，用于向文檔中動態添加內容。它可以將指定的字符串作為 HTML 或文本輸出到當前的文檔中。
使用 document.write() 輸出的內容的樣式和位置是由 HTML 和 CSS 控制的，而不是由 document.write() 自身控制。
下面是一些常見的方式來控制輸出內容的樣式和位置：
1. 使用內聯樣式：
您可以在 document.write() 輸出的內容中使用內聯樣式來設置樣式，如下所示：
document.write('<p style="color: red; font-size: 16px;">Hello, World!</p>');上面的代碼將輸出一個紅色、字體大小為16像素的段落元素。
2. 使用外部樣式表：
您可以在文檔頭部引入一個外部樣式表，并將樣式應用于 document.write() 輸出的內容。例如：
<head><link rel="stylesheet" type="text/css" href="styles.css">
</head>
```
styles.css:
```css
.myClass {
color: blue;
font-size: 20px;
}
```
JavaScript 代碼：
```javascript
document.write('<p class="myClass">Hello, World!</p>');
上面的代碼將輸出一個藍色、字體大小為20像素的段落元素，并且應用了 myClass 樣式類。
3. 使用 DOM 操作：
您可以使用 JavaScript 的 DOM 操作方法來精確地控制 document.write() 輸出內容的樣式和位置。例如，您可以創建一個新的元素，并將其添加到特定的容器中，然后為該元素設置樣式屬性。下面是一個示例：
var newElement = document.createElement('p');newElement.textContent = 'Hello, World!';
newElement.style.color = 'green';
newElement.style.fontSize = '24px';
document.body.appendChild(newElement);
上面的代碼將創建一個新的段落元素，設置其文本內容為 "Hello, World!"，并將其顏色設置為綠色，字體大小為24像素。然后，它將該元素添加到文檔的 body 元素中。
請注意，使用 document.write() 來動態添加內容已經不再推薦使用，因為它會覆蓋整個文檔內容，并可能導致不可預料的結果。更好的做法是使用 DOM 操作方法來動態修改文檔的內容。
