今天學習了如何使用 JavaScript 修改 DOM 元素的內聯樣式。個人覺得非常有趣，因為可以直接控制網頁的視覺呈現。學習的重點是使用 element.style.property = value 語法來改變元素的樣式。這對於動態調整網頁樣式非常有幫助，我會來來分享一些小範例。
結果： 改變後，#box 的背景變成了淡藍色，看起來清爽很多！
結果： 文字的大小變成 20px，比原本的更容易閱讀。
結果： 給元素加上黑色實線邊框，看起來更有層次感。
介紹： 使用 display: none; 可以隱藏元素，非常適合在某些條件下想要暫時移除內容。
這次的學習讓我感受到 JavaScript 操作 DOM 的靈活性，讓網頁變得活靈活現。雖然只是改變樣式，但還是有小小的成就感。
iThome鐵人賽
看影片追技術