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 如果文章能够对您有所帮助，我便感到十分荣幸。如若文章能被您点赞，那便是万分荣幸~

本文章由javascript技术分享原创和收集