JS示例06-document.getElementsByTagName
- 2019 年 11 月 7 日
- 笔记
一、知识要点
1、行间样式优先级高于class属性样式（设置过行间样式后，再设置属性样式则无效） 2、对同一个元素只采用一种属性控制方式（要不是行间样式，要不是class样式），不要混用
二、源码参考
<!DOCTYPE > <html> <head> <title></title> <meta charset="utf-8"> <style> .div1 { width: 200px; height: 100px; border: 1px solid #999; background: green; } </style> <script> window.onload = function() { var div1 = document.getElementsByTagName('div'); for(var i = 0; i < div1.length; i++) { div1[i].className = 'div1'; } } </script> </head> <body> <div> </div> <div> </div> <div> </div> <div> </div> </body> </html>
三、运行效果
image.png
