Tôi mới bắt đầu sử dụng Outsystems và có cùng câu hỏi về việc thay đổi văn bản nút, nhưng câu trả lời này từ 2 năm trước dường như không còn áp dụng được nữa. Khi tôi đặt một đối tượng nút trên màn hình, cây tiện ích sẽ hiển thị văn bản trong một đối tượng con. Tôi không thể tham chiếu một biến trong thuộc tính Văn bản -- Tôi chỉ có thể nhập văn bản để xuất hiện trên nút
Tôi có thiếu thứ gì đó hay không thể thay đổi văn bản của một nút nữa?
Lưu ý rằng bạn không nên đặt innerHTML của nút dựa trên đầu vào do người dùng cung cấp mà không thoát nó. Điều này sẽ khiến trang web của bạn dễ bị tấn công bằng tập lệnh chéo trang
Bật/tắt văn bản nút khi Nhấp bằng JavaScript #
Để chuyển đổi văn bản của nút khi nhấp
- Thêm trình xử lý sự kiện
clickvào nút - Mỗi lần nhấp vào nút, hãy kiểm tra xem văn bản của nút có phải là văn bản ban đầu không
- Nếu có, hãy thay đổi văn bản thành văn bản đã nhấp
- Nếu không, hãy thay đổi văn bản trở lại văn bản ban đầu
Mỗi lần nhấp vào nút, hàm click0 được gọi
Trong hàm, chúng tôi kiểm tra xem nút textContent có chứa giá trị văn bản ban đầu không
Chúng tôi đã chuyển đổi cả nội dung văn bản của nút và click2 thành chữ thường để so sánh không phân biệt chữ hoa chữ thường
Nếu văn bản của nút là văn bản ban đầu, chúng tôi đặt văn bản thành giá trị mới là click3
Mặt khác, chúng tôi đặt văn bản của nút thành văn bản ban đầu
Nếu bạn cần sử dụng HTML khi thiết lập nội dung của nút, hãy sử dụng thuộc tính innerHTML thay vì textContent
Chúng tôi đã sử dụng thuộc tính innerHTML để đặt nội dung của nút thành click7 với màu nền
Trong một kịch bản trong thế giới thực hơn, bạn có thể đặt nội dung thành một số văn bản và một công cụ quay vòng đang tải
Quan trọng. Nếu bạn sử dụng phần tử trong HTML, các trình duyệt khác nhau sẽ gửi các giá trị khác nhau. Internet Explorer sẽ gửi văn bản giữa các thẻ và, trong khi các trình duyệt khác sẽ gửi nội dung của thuộc tính giá trị
Làm cách nào để thay đổi văn bản của nhãn bằng JavaScript?
Cải thiện bài viết
Lưu bài viết
Thích bài viết
- Độ khó. Cơ bản
- Cập nhật lần cuối. 14 tháng 11 năm 2022
Cải thiện bài viết
Lưu bài viết
Đưa ra một tài liệu HTML và nhiệm vụ là thay đổi văn bản của nhãn bằng JavaScript.
What is a label ? The tag is used to provide a usability improvement for mouse users i.e, if a user clicks on the text within the element, it toggles the control.
Tiếp cận
- Tạo phần tử nhãn và gán id cho phần tử đó
- Xác định một nút được sử dụng để gọi một chức năng. Nó hoạt động như một công tắc để thay đổi văn bản trong phần tử nhãn
- Xác định hàm javaScript, hàm này sẽ cập nhật văn bản nhãn
- Sử dụng thuộc tính innerHTML để thay đổi văn bản bên trong nhãn. Thuộc tính innerHTML đặt hoặc trả về nội dung HTML của một phần tử
ví dụ 1. Ví dụ này thực hiện cách tiếp cận trên.
HTML
click0
click1click2click3
click4
click1click6____13
click8click1____110click3
click12click13
click12click15
click8click17____110click3
click17click6click3
click4
click1click25 click26click27click28click3
click30
click8click1click33 click26click27click36click3
click12click39
click8click17____133click3
click4
click8click1____147click3
click12click10
click12click12
click8click17______147click3
click4
click8click1____160 click61 click27click63click3
click12click66
click8click17____160click3
click30
click8click1____134click3
click30
click8click1____139 click80click27click82click3
click12click85
click8click17____139click3
click4
click8click1______113click3
click12click16
click17click18
click19____1100
click12click102
click8click17____113click3
click17click25____13
click4
click17click2click113
đầu ra
ví dụ 2. Ví dụ này thay đổi văn bản của nhãn bằng JavaScript.
html
click0
click1click2click3
click4
click1click6____13
click8click1____110click3
click12click13
click12click15
click8click17____110click3
click17click6click3
click4
click1click25 click26click27click28click3
click30
click8click1click33 click26click27click36click3
click12click39
click8click17____133click3
click4
click8click1____147click3
click12click10
click12click12
click8click17______147click3
click4
click8click1____160 click61 click27click63click3
click12click66
click8click17____160click3
click30
click8click1____134click3
click30
click8click1____139 click80click27click82click3
click12click85
click8click17____139click3
click4
click8click1______113click3
click12click16
click17click212
click213
click17click215
click19click217
click17click219
click19click221
click17click102
click12click102
click8click17____113click3
click17click25____13
click4
click17click2click3
đầu ra
JavaScript được biết đến nhiều nhất để phát triển trang web nhưng nó cũng được sử dụng trong nhiều môi trường không có trình duyệt. Bạn có thể học JavaScript từ đầu bằng cách làm theo Hướng dẫn JavaScript và Ví dụ về JavaScript này