你需要给元素添加一个事件监听器来改变它的样式，下面是一个非常基本的例子。

var input = document.getElementById("something");
input.addEventListener("focus", function () {
  this.style.backgroundColor = "red";  
});

<input type="text" id="something" />

另一种方法是为页面构建样式表。
大概是这样的

var styles='input:focus {background-color:red}';

 var styleTag=document.createElement('style');
 if (styleTag.styleSheet)
     styleTag.styleSheet.cssText=styles;
 else 
     styleTag.appendChild(document.createTextNode(styles));

 document.getElementsByTagName('head')[0].appendChild(styleTag);

这样你就可以把css样式和脚本完全分离，从而得到更好的维护。

尽可能使用CSS变量

现在是2022年，对于这个问题，有比到处添加事件侦听器更简单的解决方案，这些侦听器可能永远不会被清理干净。
相反，如果您可以控制CSS，只需在CSS中执行以下操作：

.my-class {
  --focusHeight: 32px;
  --focusWidth: 256px;
}

.my-class:focus {
  height: var(--focusHeight);
  width: var(--focusWidth);
}

在JavaScript中，只需使用setProperty更新变量即可：

const el = document.getElementById('elementId');
el.style.setProperty('--focusHeight', newFocusHeight);
el.style.setProperty('--focusWidth', newFocusWidth);

首先，创建输入：

<input type="text" id="myElementID" />

然后添加以下javascript：

const element = document.getElementById("myElementID");

// Add a box shadow on focus
element.addEventListener("focus", (e) => {
  e.target.style.boxShadow = "0 0 0 3px #006bff40";
});

// Remove the box shadow when the user doesn't focus anymore
element.addEventListener("blur", (e) => {
  e.target.style.boxShadow = "";
});

一个快速的oneliner，它动态地将一个style标记附加到正文。

document.body.innerHTML += '<style>#foo:focus {background-color:gold}</style>'

<input id="foo"/>

let input = document.querySelector(".input-text");
    let label = document.querySelector('.fields-label');
    input.addEventListener('focus', function(e){
        label.classList.add('is-active');
    })
    input.addEventListener('blur', function(e){
        if(input.value === "") {
            label.classList.remove('is-active');
        }
    })

label.is-active{
            color:red;
        }

<div class="input-fields">
        <label class="fields-label">Last Name</label>
        <input type="text" class="input-text">
    </div>