Javascript thay đổi đoạn văn bản onclick

Đây là một tệp html mẫu có nút gửi. Bây giờ hãy sửa đổi kiểu của đoạn văn bản thông qua mã javascript

Tệp HTML mẫu



JS DOM paragraph style

JavaScript Exercises - w3resource

Lời khuyên. Nhấp vào nút, phông chữ, cỡ chữ và màu sắc của đoạn văn bản sẽ được thay đổi

Giải pháp mẫu. -

Mã HTML





JS DOM paragraph style
 

JavaScript Exercises - w3resource

Mã JavaScript

function js_style() 
{
//font styles added by JS:
 text.style.fontSize = "14pt";
 text.style.fontFamily = "Comic Sans MS";
 text.style.color = "green";
}

Đầu ra mẫu

Javascript thay đổi đoạn văn bản onclick

Sơ đồ

Javascript thay đổi đoạn văn bản onclick

Bản thử trực tiếp

Xem Bút javascript-dom-exercise-1 của w3resource (@w3resource) trên CodePen


Cải thiện giải pháp mẫu này và đăng mã của bạn qua Disqus

Trước. Bài tập JavaScript DOM
Tiếp theo. Viết hàm JavaScript để nhận các giá trị của Họ và Tên của mẫu sau.

Mức độ khó của bài tập này là gì?

Dễ dàng trung bình khó

Kiểm tra kỹ năng Lập trình của bạn với bài kiểm tra của w3resource



Chia sẻ Hướng dẫn / Bài tập này trên. FacebookTwitter

JavaScript. Lời khuyên trong ngày

Sử dụng logic OR cho các điều kiện

Khai báo các biến khi bắt đầu hàm chỉ để tránh bị không xác định nếu có bất kỳ lỗi nào xảy ra ngoài ý muốn

Sự kiện onclick thường xảy ra khi người dùng nhấp vào một phần tử. Nó cho phép lập trình viên thực thi chức năng của JavaScript khi một phần tử được nhấp vào. Sự kiện này có thể được sử dụng để xác thực biểu mẫu, thông báo cảnh báo, v.v.

Using JavaScript, this event can be dynamically added to any element. It supports all HTML elements except , , ,