HTML Javascript字体大小更改
[英]HTML Javascript font size change
问题描述
<html>
<head>
<meta charset="utf-8">
<script>
function test(){
var name = document.getElementById('name').value;
var snumber = document.getElementById('snumber').value;
document.write("name="+name+"");
document.write("&snumber="+snumber+"<br />");
}
</script>
</head>
<body>
<h2>Example of sending data using POST</h2>
Name :
<input type="text" id="name"><br/>
Student number:
<input type="text" id="snumber"><br/><br/>
<input type="button" value="submit" onclick="test();">
</body>
</html>
我想将第6行和第7行结果的字体大小更改为h2大小，我可以通过将
<h2></h2>
但是，它不适用于脚本部分。 如果我在name和snumber部分中输入数据，它将连接到一个新页面，该页面显示“ name = David＆snum = 21467564”之类的输入，我希望此字体大小为h2大小！
6 个解决方案
解决方案1
1 已采纳 2017-07-04 11:38:37
只需添加h2标签
单线输出：
function test(){ var name = document.getElementById('name').value; var snumber = document.getElementById('snumber').value; document.write("<h2>name="+name+""); document.write("&snumber="+snumber+"</h2> <br/>"); }
<h2>Example of sending data using POST</h2> Name : <input type="text" id="name"><br/> Student number: <input type="text" id="snumber"><br/><br/> <input type="button" value="submit" onclick="test();">
对于多行输出：只需关闭<h2>标签并启动新的标题标签，例如：
document.write("<h2>name="+name+"</h2>");
document.write("<h2>snumber="+snumber+"</h2><br />");
解决方案2
0 2017-07-04 11:31:00
您可以执行以下操作：
<script>
function test(){
var name = document.getElementById('name').value;
var snumber = document.getElementById('snumber').value;
document.write("<h2>name="+name+"</h2>");
document.write("<h2>&snumber="+snumber+"</h2><br />");
}
</script>
解决方案3
0 2017-07-04 11:31:42
简单！ 只需添加h2元素。
function test(){ var name = document.getElementById('name').value; var snumber = document.getElementById('snumber').value; document.write("<h2>name="+name+"</h2>"); document.write("<h2>&snumber="+snumber+"</h2>"); }
<h2>Example of sending data using POST</h2> Name : <input type="text" id="name"><br/> Student number: <input type="text" id="snumber"><br/><br/> <input type="button" value="submit" onclick="test();">
解决方案4
0 2017-07-04 11:33:03
试试这个
function test(){ var name = document.getElementById('name').value; var snumber = document.getElementById('snumber').value; document.write("<h2>name="+name+"</h2>"); document.write("<h2>snumber="+snumber+"</h2><br />"); }
<h2>Example of sending data using POST</h2> Name : <input type="text" id="name"><br/> Student number: <input type="text" id="snumber"><br/><br/> <input type="button" value="submit" onclick="test();">
解决方案5
0 2017-07-04 11:33:21
function test(){ var name = document.getElementById('name').value; var snumber = document.getElementById('snumber').value; document.write("<h2>name="+name+"</h2>"); document.write("<h2>&snumber="+snumber+"</h2> <br/>"); }
<h2>Example of sending data using POST</h2> Name : <input type="text" id="name"><br/> Student number: <input type="text" id="snumber"><br/><br/> <input type="button" value="submit" onclick="test();">
解决方案6
0 2017-07-04 11:37:18
var name = document.getElementById('name').value;
name= "<span style='font-size:32px;'>"+name+"</span>";
snumber= "<span style='font-size:32px;'>"+snumber+"</span>";
var snumber = document.getElementById('snumber').value;
document.write("name="+name+"");
document.write("&snumber="+snumber+"<br />");
JavaScript / HTML-在8个小数位后更改字体大小/颜色
[英]JavaScript/Html - Change Font Size/Color After 8 Decimal Places
如何使用JavaScript在多个HTML文本区域中更改字体大小
[英]How to change font size in multiple html textareas using Javascript
Javascript onclick 按钮更改页面字体大小或 div 字体大小
[英]Javascript onclick button to change page font size or div font size
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.