JavaScript实例-页面特效1-改变背景色

功能一：修改文档的背景颜色

代码：

    
请输入颜色编码：
       
    

运行结果

相关知识点

document颜色相关的属性如下：
bgColor:背景色
fgColor：前景色（文字颜色）
linkColor/alinkColor/vlinkColor: 链接色
可利用for(var x in document) { console.log(x)}命令在控制台查询document的全部属性

功能二：修改某个自定义标签的背景颜色

代码：

运行结果

知识点

box1.style.backgroundColor = input1.value;获取HTML节点后，利用节点的style属性里面的backgroundColor属性修改backgroundColor的值，便修改了box1的背景色。
可以使用Object.getPrototypeOf(box1)查看box1包含的属性。

const ctx = box2.getContext('2d'); 获取HTML节点的2d环境对象
ctx.fillStyle = input2.value; 填充样式，canvas 的fillStyle可以填充纯色，渐变和模式
ctx.fillRect(0,0,100,100); 绘制矩形并填充

更多实例，可访问：https://github.com/956159241/JSExamples
如果文章能够对您有所帮助，我便感到十分荣幸。如若文章能被您点赞，那便是万分荣幸~