這個(gè)代碼不起作用
var span = document.getElementById("span");
span.style.fontsize = "25px";
span.innerHTML = "String";
JavaScript是區(qū)分大小寫的。
所以,如果你想改變字體大小,你必須去:
span.style.fontSize = "25px";
您的代碼中有兩個(gè)錯(cuò)誤:
document.getElementById - 這將檢索id為“span”的元素,您沒有在span-element上指定Id。
Javascript中的大寫字母- 你也忘記了尺寸的重要性。
試試這個(gè):
var span = document.getElementById("span");
span.style.fontsize = "25px";
span.innerHTML = "String";
請(qǐng)不要在實(shí)際項(xiàng)目中這樣做:
document.getElementById("span").innerHTML = "String".fontsize(25);
<span id="span"></span>
用這個(gè)
我也有同樣的問題,這是我最初的HTML:
<input id = "fsize" placeholder = "Font Size" type = "number">
</input>
<button id = "apfsizeid" onclick = "apfsize()"> Apply Font Size
</button>
<textarea id = "tarea"> Your Text
</textarea>
這是我最初的JS:
function(apfsize) {
var fsize = document.getElementById("fsize").value;
var text = document.getElementById("tarea").innerHTML;
text.style.fontsize = fsize;
document.getElementById("tarea").innerHTML = text;
}
這是我的新JS,它看起來工作得很好:
function apfsize() {
var fsize = document.getElementById("fsize").value;
fsize = Number(fsize);
document.getElementById("tarea").style.fontSize = fsize + "px";
}
出于某種原因,我不得不加上一點(diǎn)& quotpx & quot最后作為一個(gè)字符串,不知何故它成功了。希望這有幫助:)