Tôi đang cố gắng thay đổi họ phông chữ và cỡ chữ của văn bản xuất hiện trong vùng văn bản và vùng chứa bằng cách chọn phông chữ từ danh sách, kích thước phông chữ phải được sửa. Tôi cũng đang cố gắng thay đổi màu nền khi chọn phông chữ.jQuery thay đổi họ phông chữ và cỡ chữ
Đó là mã của tôi:
<script type="text/javascript">
function changeFont(_name) {
document.body.style.fontFamily = _name;
document.textarea = _name;
}
</script>
</head>
<body style="font-family">
<form id="myform">
<input type="text" />
<button>erase</button>
<select id="fs" onchange="changeFont(this.value);">
<option value="arial">Arial</option>
<option value="verdana">Verdana</option>
<option value="impact">Impact</option>
<option value="'ms comic sans'">MS Comic Sans</option>
</select>
<div align="left">
<textarea style="resize: none;" id="mytextarea"
cols="25" rows="3" readonly="readonly" wrap="on">
Textarea
</textarea>
<div id='container'>
<div id='float'>
<p>This is a container</p>
</div>
</form>
</body>
Khi tôi thử nó trong trình duyệt của họ phông chữ không thay đổi trong lĩnh vực văn bản. Nó chỉ thay đổi trong container. Bây giờ tôi cũng biết cách đặt kích thước phông chữ mới và nền cho vùng chứa và vùng văn bản khi họ chọn phông chữ.
Tôi sẽ đánh giá cao mọi người trợ giúp!
Xuất sắc thuần túy. – Oneezy