基礎dom和css操作是html編寫過程中非常重要的一環。下面我們來介紹一些基礎的操作。

//選中一個元素
var element = document.getElementById("id");
//更改元素的樣式
element.style.color = "red";
element.style.backgroundColor = "yellow";
//修改元素的內容
element.innerHTML = "這是新內容";
//創建新元素
var newElement = document.createElement("p");
//添加新元素
document.body.appendChild(newElement);
//為元素添加類名
element.classList.add("class");
//為元素取消類名
element.classList.remove("class");

CSS操作是一種為HTML元素添加樣式的方法。以下是一些CSS操作的示例。

/* 選擇元素并為其添加樣式 */
p {
color: red;
font-size: 14px;
}
/* 添加背景圖像 */
body {
background-image: url("background.jpg");
}
/* 更改元素的顯示屬性 */
.element {
display: none;
}

以上是一些基礎dom和css操作的示例。在實際編寫過程中，我們需要根據具體的需求來對HTML文檔進行操作和樣式設計。