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

3回答

交互式爱情

这应该有帮助！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>

守着一只汪

有很多方法可以做到这一点，如上面的 Som 重放我的方式<body>    <p class="text" style="color:red">Hello Ahmed</p>    <button class="btn">Click Me</button>    <script>         x = 1;    document.querySelector(".btn").addEventListener("click",function(){        increseText();    })    function increseText(){        x++;         document.querySelector(".text").style.fontSize = x+'px';        console.log(x)    }    </script></body>

哔哔one

尝试这个：<!DOCTYPE html><html><head>    <title>Page Title</title></head><body>    <h1 id='h'>My First Heading</h1>    <p id='p'>My first paragraph.</p>    <button type='button' id='btn'>increases by 1px</button>    <script>        document.getElementById("btn").addEventListener("click", function () {            var el = document.getElementById('h');            var style = window.getComputedStyle(el, null).getPropertyValue('font-size');            var fontSize = parseFloat(style);            el.style.fontSize = (fontSize + 1) + 'px';        })    </script></body></html>