javascript动态改变网页字体大小代码
时间: 2024-09-26 16:18:46 浏览: 50
js实现动态改变字体大小代码
5星 · 资源好评率100%
在JavaScript中,你可以通过操作DOM(Document Object Model)来动态地改变网页上的字体大小。下面是一个简单的示例,演示如何选中文本并更改其字体大小:
```javascript
// 获取需要更改的元素,例如一个id为"myText"的段落
var element = document.getElementById("myText");
// 动态设置字体大小,可以使用像素值、百分比或其他CSS单位
element.style.fontSize = "16px"; // 更改为16像素
// 或者使用jQuery简化操作
$("#myText").css("fontSize", "14pt"); // 更改为14点
// 如果你想创建一个动态调整的交互,可以添加事件监听器
element.addEventListener("click", function() {
var newSize = prompt("请输入新的字体大小:");
if (newSize) {
this.style.fontSize = newSize + "px";
}
});
阅读全文