javascript - 如何更改包含文本值Javascript的文本变量的字体族

Question

<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 或我想要的字体系列！非常感谢！

Answer 1

您可以更改以下font-family内容：

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

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

Answer 2

尝试这个：

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")。