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.