功能1:修改文档的背景颜色代码:< body & gt& lt表单& gt& ltp align="left " >请输入颜色代码:

；& lt/form & gt；& lt脚本语言= " JavaScript " & gtChange (form) {/*如果没有输入颜色代码，则出现提醒框*/ if (form.text.value == "") alert("你喜欢什么颜色？");Else {/*根据输入颜色编码，修改背景色*/document . bgcolor =(" "+form . text . value+" ")；} } & lt/script & gt；& lt/body & gt；结果与运行知识点文档颜色相关的属性如下:bgColor:背景色fgColor:前景色(文字颜色)Link color/alink color/vlinkcolor:链接颜色可以在控制台上使用for(var x in document){ console . log(x)}功能二:修改一个自定义标签的背景色代码:<！-使用方法一->:& lt；input id="input1" type="text " >& lt输入id = ' button 1 ' type = " button " value = " button 1 " & gt；& ltdiv id = " box 1 " style = " width:100px；高度:100px背景色:黑色；”& gt& lt/div & gt；& lt！-使用方法2-->:& lt；input id="input2" type="text " >& lt输入id = ' button 2 ' type = " button " value = " button 2 " & gt；& ltbr & gt& ltcanvas id = " box 2 " width = " 100 " height = " 100 " style = " background-color:黑色& gt& lt/canvas & gt；& lt脚本& gt//方法1 constin put 1 = document . query selector(' # input 1 ')；const button 1 = document . query selector(“# button 1”)；const box 1 = document . query selector(# box 1))；1.button . onclick = function(){ if(input 1 . value = = ' '){ alert('请输入您最喜欢的颜色！');} else { box 1 . style . background color = input 1 . value；} } }//方法2 constin put 2 = document . query selector(' # input 2 ')；const button 2 = document . query selector(“# button 2”)；const box 2 = document . query selector(# box 2))；2.button . onclick = function(){ if(input 2 . value = = ' '){ alert('请输入您最喜欢的颜色！');} else { const CTX = box 2 . get context(' 2d ')；CTX . fill style = input 2 . value；ctx.fillRect(0，0，100，100)；} } & lt/script & gt；运行知识点box 1 . style . background color = input 1 . value；获取HTML节点后，使用节点的style属性中的backgroundColor属性修改backgroundColor的值，然后修改box1的背景色。 您可以使用Object.getPrototypeOf(box1)来查看box1中包含的属性。 const CTX = box 2 . get context(' 2d ')；获取2d环境对象CTX；fillstyle = input2HTML节点的值；FillStyle，canvas的Fillstyle可以填充纯色、渐变和图案ctx.fillRect(0，0，100，100)；画一个长方形，填上更多例子，请访问:956159241/JSExamples。如果文章能帮到你，我感到很荣幸。 如果文章能得到你的好评，那将是莫大的荣幸~