如何更改包含文本化值的文本变量的字体族

How to change fontfamily of text variable that contains a textfied value Javascript

本文关键字：文本 变量 字体 何更改 包含 文本化      更新时间：2023-09-26
<div id="altext">
<script type="text/javascript">
function changeText2(){
    var userInput = document.getElementById('userInput').value;
    useInput.style.fontFamily='arial';
    document.getElementById('altext').innerHTML = userInput;
}

</script>
</div>

这行不通。我想要它，以便字体将更改为arial或我想要的字体家族!谢谢很多!

试试这个:

function changeText2(){
    var userInput = document.getElementById("userInput");
    var altText = document.getElementById("altext");
    altText.innerHTML = userInput.value;
    userInput.style.fontFamily = "arial";
    altText.style.fontFamily = "arial";
}

问题是document.getElementById("userInput").value是一个字符串，而不是一个HTML元素。因此你不能设置它的字体族。相反，您需要将其设置为document.getElementById("altext")或document.getElementById("userInput")。

您可以这样更改font-family:

document.getElementById('altext').style.fontFamily = 'arial';

在你当前的代码中，你试图访问.style.fontFamily文本输入的值，这只是一个字符串。

相关文章：