在網(wǎng)頁開發(fā)中,經(jīng)常會涉及到修改元素的樣式。使用attr方法可以很方便地修改元素的css屬性。
// 獲取元素 var element = document.getElementById("my-element"); // 修改元素的背景色 element.setAttribute("style", "background-color: blue;"); // 修改元素的寬度和高度 element.setAttribute("style", "width: 200px; height: 100px;"); // 查看元素的樣式 console.log(element.style);
在上面的代碼中,首先通過getElementById方法獲取到一個元素,然后使用setAttribute方法修改該元素的樣式。在第一個示例中,我們修改了元素的背景色為藍色。在第二個示例中,我們同時修改了元素的寬度和高度。最后,我們通過console.log查看了元素的樣式,方便調(diào)試。
總結(jié)來說,使用attr方法可以很方便地修改元素的樣式,使得網(wǎng)頁開發(fā)變得更加靈活和高效。
上一篇atom的css代碼提示
下一篇atom用不了外部css