JavaScript能夠幫助我們在HTML和CSS代碼中方便地選擇所需的元素和樣式。在JavaScript中，我們可以通過不同的方法來選擇CSS樣式。下面是一些常用的方法：

//通過id選擇器選擇樣式
var myElement = document.querySelector("#myId");
myElement.style.color = "red";
//通過class選擇器選擇樣式
var myElements = document.querySelectorAll(".myClass");
for(var i = 0; i< myElements.length; i++){
myElements[i].style.border = "solid 1px blue";
}
//通過標簽名選擇器選擇樣式
var myElements = document.getElementsByTagName("p");
for(var i = 0; i< myElements.length; i++){
myElements[i].style.fontSize = "20px";
}
//通過屬性選擇器選擇樣式
var myElements = document.querySelectorAll("[data-value]");
for(var i = 0; i< myElements.length; i++){
myElements[i].style.backgroundColor = "yellow";
}

以上代碼展示了不同的選擇器和樣式方法，我們可以根據需要選擇其中的一個或多個來實現我們所需的效果。同時，我們也可以使用JavaScript來創建新的CSS樣式或更改現有的樣式，例如：

//創建新的css樣式
var style = document.createElement("style");
var css = ".myClass{color: red;}";
style.appendChild(document.createTextNode(css));
document.head.appendChild(style);
//更改現有的css樣式
var myStyle = document.querySelector("#myStyle");
myStyle.innerHTML = ".myClass{font-size: 24px;}";

通過以上方法，我們可以更靈活地控制頁面樣式，實現更復雜的交互效果。