javascript - textfied値Javascriptを含むテキスト変数のfontfamilyを変更する方法

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