ChatGpt前端代码实现《点击变色功能》

效果-点击按钮变色

 

 效果-增加过渡效果

 

完整代码如下

    
    
    
    



    点击变色
    

        
买买买
        
去结账
    

解析：用到了两个操作属性

1、getAttribute获取属性

2、setAttribute修改属性

1.     .div1{
           width: 100px;
           height: 100px;
           background-color: pink;
       }
       .div2{
           width: 100px;
           height: 100px;
           background-color: #dd5c25;
       }