DOM节点获取

var oLi = document.getElementsByTagName("li");
var oLi = document.getElementById("cssLi");
var oLi = document.getElementsByName("myInput");

作者：悦然wordpress建站(悦然建站）

Meta（原 Facebook）开源了全新的 CSS-in-JS 库 StyleX。

GitHub 地址：https://github.com/facebook/stylex

#前言

最近在写一个扩展右键菜单的插件，既然是插件，想着一步到位，把相关的style样式设置都丢进js文件中，直接加载一个js文件便可以使用该插件，所以今天就研究了下js批量的插入样式的方法，即addSheet，顺便总结下Javascript中修改样式的4类方法

#正文

1、通过js动态的创建style对象

直接贴代码更为方便，这是addCssRule方法，可以一条一条规则的添加到样式表中

在前端页面设计器内，点击底部的“CSS样式”选项卡，可以打开CSS样式设计器，在此查看和设计当前页面的CSS样式规则，如下图所示：

3.3.6.1引入外部样式文件

如果要在页面中引入外部CSS文件，可以点击CSS样式设计器左上角“外部样式文件”栏右边的加号按钮，可以打开“添加外部样式文件”对话框，如下图所示：

JavaScript三种动态改变样式属性

在JavaScript中，有两种方式可以动态地改变样式的属性，一种是使用样式的style属性，另一种是使用样式的className属性。另外，控制元素的显示和隐藏使用display属性。

1.style 属性