如何将函数作为参数的文本加粗

Question

我想通过使用将文本作为参数的函数来使文本变粗，这是我的代码：

    <script>
    function font(b) 
    {
    b.style.fontWeight = "bold";
    alert(b);
    }
    </script>
    <input onclick="font('aaaa');" type="button" value="Font (1)">

我的问题是我没有得到想要的响应，尽管没有b.style.fontWeight = "bold"; 它提醒“aaaa”。

我不明白这里有什么问题，我试图将参数放入一个变量中，然后更改其属性，但它也不起作用。

关于如何解决这个问题的任何想法？

Answer 1

创建一个输入字段，您将在其中编写文本并创建一个按钮来更改文本的字体粗细。 之后，将事件侦听器附加到按钮。 当您单击按钮时，您的字体将变为粗体。

工作演示： https : //jsfiddle.net/4kzsq2tb/

HTML

<button id="font-button">
change font to bold
</button>

<input id="input-field" type="text"/>

JS

document.getElementById('font-button').addEventListener('click', () => {
  const inputField = document.getElementById('input-field');
  font(inputField);
})


function font(b) {
  b.style.fontWeight = "bold";
}

Answer 2

    <div id="c"></div>


    <input onclick="font('aaaa');" type="button" value="Font (1)">
    <script>
        function font(b) 
    {

    document.getElementById('c').style.fontWeight = "bold";
    document.getElementById('c').innerHTML=b;
    }
    </script>

工作正常函数获取文本作为参数并使其加粗，以及使 div 样式加粗而不是文本本身，因为人们说你不能使文本或变量加粗