javascript - 仅使用一个 JavaScript 函数更改标签中的字体大小和文本

Question

我正在尝试更改 fontSize和 innerText使用相同的 JavaScript 函数。我已经更改了 fontSize , 但我也想更改 <h3> 中的文本具有相同 JavaScript 功能的标记。这可能吗？

<h3 id="h3_heading">This is H3 HEADING Click Below Button to Change Font  Size</h3>
<button type="button" onclick="document.getElementById('h3_heading').style.fontSize ='72px'"">
    Click me to change font size and Written Text Inside H3 Tag
</button>

Answer 1

当然，您需要更改您的 onclick 以指向您的 javascript 代码中的函数，即

<script>
function changeFontSize(elementId) {
    var element = document.getElementById(elementId);
    element.style.fontSize = '72px';
    element.innerText = 'Text you want here';
}
</script>

您的 onclick 将更改为 onclick="changeFontSize('h3_heading')"