我想更改JavaScript中的字体类型和大小_Javascript_Html

我想更改JavaScript中的字体类型和大小

javascript html

我想更改JavaScript中的字体类型和大小,javascript,html,Javascript,Html,我一直收到错误uncaughttypeerror:无法设置未定义的属性“fontfalism” <!DOCTYPE html> <html> <body> First Name: <input type="text" id="myText" value="Mickey"> <p>Click the button to display the value of the val

我一直收到错误

uncaughttypeerror:无法设置未定义的属性“fontfalism”

<!DOCTYPE html>
<html>
<body>

First Name: <input type="text" id="myText" value="Mickey">

<p>Click the button to display the value of the value attribute of the text field.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
  var x = document.getElementById("myText").value;
  var x2 = x.style.fontFamily = "Impact,Charcoal,sans-serif";
  document.getElementById("demo").innerHTML = x2;
}
</script>

</body>
</html>


名字：
单击按钮以显示文本字段的值属性的值
试试看

函数myFunction（）{
var x=document.getElementById（“myText”）.value；
var x2=x.style.fontfamine=“冲击、木炭、无衬线”；
document.getElementById（“demo”）.innerHTML=x2；
}

将JS函数更新为

函数myFunction（）{
document.getElementById（“demo”）.innerHTML=document.getElementsByTagName（'input'）[0].style.fontFamily=“Impact，carbon，sans serif”；
}

您在javascript中出现了一些错误。我已经修好了。


函数myFunction（）{
var x=document.getElementById（“myText”）；
document.getElementById（“demo”）.innerHTML=x.value；
var y=document.getElementById（“演示”）；
y、 style.fontfamine=“冲击炭无衬线”；
y、 style.border=“3px纯红”；
}
名字：
单击按钮以显示文本字段的值属性的值
试试看

var x=document.getElementById（“myText”）.value； var x2=x.style.fontfamine=“冲击、木炭、无衬线”

在上面的代码中，您为

赋值，然后尝试更改

字体系列。但是x的类型是string
，string没有任何名为style
的属性，因此x.style
将是未定义的。这就是为什么在尝试访问undefined
值上的fontFamily
时，错误无法设置未定义的属性“fontFamily”
因此，不要将document.getElementById（“myText”）.value
分配给x
，而是将document.getElementById（“myText”）
分配给x



名字：
单击按钮以显示文本字段的值属性的值
试试看

函数myFunction（）{
var x=document.getElementById（“myText”）；
x、 style.fontfamine=“冲击、木炭、无衬线”；
var x2=document.getElementById（“演示”）；
x2.style.fontfamine=“冲击、木炭、无衬线”；
x2.innerHTML=x.value；
}
而不是var x=document.getElementById（“myText”）.value将其更改为var x=document.getElementById（“myText”）。这工作完美无瑕。谢谢。我有一个疑问，是否有可能把输出也放在一个盒子里。@PranaySinghParihar当然！你能告诉我如何把输出放在一个盒子里吗，比如我可以对代码做什么更改吗？你可以在输出中添加css样式