javascript用循环输出h1-h6的字体
时间: 2024-03-12 12:47:39 浏览: 60
您好,如果您想使用循环输出h1-h6的字体大小,可以使用如下的JavaScript代码:
```
for (var i = 1; i <= 6; i++) {
var title = document.createElement("h" + i);
title.innerHTML = "这是" + i + "级标题";
title.style.fontSize = 30 - 4 * i + "px";
document.body.appendChild(title);
}
```
这段代码使用了一个for循环,从1循环到6,每次循环创建一个h1-h6的标题元素,然后将标题内容插入到标题元素中。接下来,使用`title.style.fontSize`属性来设置标题的字体大小,根据循环变量i的值来计算字体大小,例如第一级标题的字体大小为26px,第二级标题的字体大小为22px,以此类推。最后,使用`document.body.appendChild()`方法将标题元素添加到文档中。这样就可以使用循环输出h1-h6的标题,并且字体大小也是递减的。
阅读全文
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![rar](https://img-home.csdnimg.cn/images/20241231044955.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![-](https://img-home.csdnimg.cn/images/20241231045053.png)
![-](https://img-home.csdnimg.cn/images/20241231045053.png)
![-](https://img-home.csdnimg.cn/images/20241231045053.png)