javascript - 如何在 JavaScript 中创建一个将文本增加 1px 的按钮

Question

我需要你的帮助。我是 JavaScript 的初学者，我想创建一个将文本增加 1px 的按钮。你能帮助我吗？

标签： javascripthtmlcssbutton

Answer 1

这应该有帮助！window.getComputedStyle(txt, null).getPropertyValue('font-size');这是你可以用来获取fontSize元素的。

const txt = document.querySelector("#txt");

function changeFontSize(){
  let fontSize = window.getComputedStyle(txt, null).getPropertyValue('font-size');
  let newFontSize = Number(fontSize.slice(0,2)) + 1
  txt.style.fontSize = `${newFontSize}px`;
 }

#txt {
  font-size: 16px;
 }

<div id="txt">Sample Text</div>
<button onclick="changeFontSize()">Click</button>