JS示例06-document.getElementsByTagName
JS示例06-document.getElementsByTagName
专注APP开发
发布于 2019-11-07 15:31:02
发布于 2019-11-07 15:31:02
一、知识要点
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
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录