js append 中如何动态的添加样式

js append 中如何动态的添加样式

在使用JavaScript中的方法时，除了可以在元素内部添加样式，CSS定义样式，还可以使用js方法动态添加样式。

在已打开的HBuilderX开发工具中，新建一个Web项目并展开文件夹

新建一个HTML5静态页面文件，修改对应的title标签内容

在标签内，插入一个div标签，并在div中插入一个label，设置标签的id属性

页面中引入jquery文件，并添加初始化函数，使用id属性获取对象，然后调用append()方法插入标签内容，标签中添加style属性

保存代码并运行项目，打开浏览器查看效果，可以发现字体显示效果

返回到HBuilderX工具，修改代码并添加标签的样式

再次保存代码并刷新浏览器，查看界面效果，发现样式起到了作用

动态添加样式

$("#id").append(含有样式的标签元素)