Javascript 我想用onclick更改标签

我需要一些帮助。我是javascript新手，想用onclick更改“字体颜色标签”和“字体系列标签”。现在，我在输入中输入的文本发生了更改，但我希望更改的标签中没有

function swap_color_and_font() {
    document.getElementsById("font_color").style.color="pink"; 
    document.getElementById("font_family").style.fontFamily="arial"; 
}

<form>  
     <fieldset>  
     <label for="font_color">Font color</label><br/>
     <input type="text" id="font_color" value=""/><br/>
     <label for="font_family">Font</label><br/>
     <input type="text" id="font_family" value=""/><br/>
     <input onclick="swap_color_and_font()" value="Byt ut färg och font" type="button"/>
     </fieldset> 

函数交换\u颜色\u和\u字体（）{
document.getElementsById（“font\u color”）.style.color=“粉色”；
document.getElementById（“font_family”）.style.fontFamily=“arial”；
}
字体颜色



字体

因为id=”“在输入中，所以当函数运行时，它将影响输入而不是标签，因此您可以将2个id放入标签中

您可以将id添加到标签中并更改其样式

function swap_color_and_font() {
    document.getElementById("label_1").style.color="pink"; 
    document.getElementById("label_2").style.fontFamily="arial"; 
}
<fieldset>  
 <label for="font_color" id="label_1">Font color</label><br/>
 <input type="text" id="font_color" value=""/><br/>
 <label for="font_family" id="label_2">Font</label><br/>
 <input type="text" id="font_family" value=""/><br/>
 <input onclick="swap_color_and_font()" value="Byt ut färg och font" 
 type="button"/>
</fieldset> 

函数交换\u颜色\u和\u字体（）{
document.getElementById（“label_1”）.style.color=“pink”；
document.getElementById（“label_2”）.style.fontFamily=“arial”；
}
字体颜色



字体

Typo。没有

文档。getElementsById

函数。另外，您应该始终检查浏览器控制台是否有错误，它会告诉您有关此错误的信息。是否要更改标签元素或具有所述ID的输入元素的颜色和字体系列？我要更改标签元素的颜色和字体系列