使用javascript为html元素设置样式的不同方法的成本/好处

我最近在intellij中打开了一个web项目,注意到了netbeans没有显示的javascript中的一些提示/错误。

错误是:

> Assigned expression type string is not assignable to type CSSStyleDeclaration

这是它显示的行:

password.style = "border: 2px solid red";

虽然我通过直接声明我的风格来抑制暗示,比如:

password.style.border = "2px solid red";

正如有人在评论中提到的,我忘记了还有另一种设置css样式的方法,比如:

password.setAttribute("style", "border: 2px solid red";);

我的问题是这三个有什么不同?有吗 后果/风险 用第一种方式?有最佳实践吗?

第一种方法在我所测试的浏览器中起作用。另外,netbeans不将此显示为一个问题/提示似乎很奇怪!