操作属性之修改样式属性

ゝ一纸荒年。 2023-10-03 14:27 73阅读 0赞

操作属性之修改样式属性

  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8.     <title>操作属性之修改样式属性</title>
  9.     <style>
  10.         div {
  12.             width: 200px;
  13.             height: 200px;
  14.             background-color: pink;
  15.         }
  16.     </style>
  17. </head>
  19. <body>
  20.     <div></div>
  21.     <script>
  23.         // 1. 获取元素
  24.         var div = document.querySelector('div');
  26.         // 2. 注册事件 处理程序
  27.         div.onclick = function () {
  29.             // div.style里面的属性 采取     
  30.             this.style.backgroundColor = 'purple';
  31.             this.style.width = '250px';
  32.         }
  33.     </script>
  34. </body>
  36. </html>

发表评论

表情：
评论列表 （有 0 条评论，73人围观）

还没有评论，来说两句吧...

相关阅读