JavaScript练习小项目之修改div块的颜色

什么是JavaScript？

一开始的网页就是单纯的静态网页，为了使用户能与网页交互，设计出了JavaScript语言。JavaScript语言就是一种可以用来给网页添加交互性的·语言。我们平时听到对JavaScript的描述一般是这是一门脚本语言。脚本语言就是在浏览器执行的一种语言，是一段程序并不是软件。脚本语言可以添加到使用html和css构建的网站中，在网页加载时会自动执行，并实现各种页面的动态效果，在页面交互起到重要的作用。

实现目标

点击按钮将黑色的四个小方块变成红色，再次点击将红色的变成黑色

实现代码

   将黑色div变成红色
 

实现效果

实现方法

.children获取子元素集合

getElementsByTagName() 方法可返回带有指定标签名的对象的集合,这里我们直接获取按钮标签.

onclick 事件会在元素被点击时发生,

innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。

先获取

块下的子节点，一共四个

，然后再获取button标签，
点击事件：返回标签之间的HTML如果是将黑色div变成红色，将

的backgroundColor属性设置为红色，反之同理。

总结

到此这篇关于JavaScript练习小项目之修改div块的颜色的文章就介绍到这了,更多相关js修改div块的颜色内容请搜索0133技术站以前的文章或继续浏览下面的相关文章希望大家以后多多支持0133技术站！

以上就是JavaScript练习小项目之修改div块的颜色的详细内容，更多请关注0133技术站其它相关文章！