关于Js中页面输出的几个代码

                                                                          关于Js中页面输出的几个代码

 

          
          开发工具与关键技术 ：Vs、js、css          

          撰写时间：2019.4.7          

 

（注：这是作者即学既记的笔记，这是给还不懂页面输出的同学们~）

 

如标题所示，这是关于Js中页面输出的几个代码,

首先简单先写一个盒子，先给它一个类、点击事件和id

 

然后是自己要显示的页面样式

 

第一个输出方法，先在自己的项目里面创建一个文件夹，创建完之后在里面添加一个样式类里面放自己的css样式。（如下图所示）这个方法可以选到你想要设置的部分，比如body，或者在里面给的一个类等。

 

 

第二个方法，之所以我在一开始就在div里面设置了一个点击事件，是因为我这里是想要一点击div就能看到这个方法的。这个是先写一个function，然后在function里面获取div里的id，再是在后面设置自己想要的样式。之后保存启动，点击div就能显示出这个方法里面的样式了。

 
​

第三个方法，这个要比第二个简洁一些，启动的效果都是一样的

 

 

第四个方法，是先在head部分写样式，然后在script写方法获取id名称，然后在后面获取要设置样式的类.后面的就是前面写的要给的样式

 

然后

完成！如果再不会，仔细看多几遍就会有所理解了！