Hướng dẫn dùng html textcontent trong PHP
Show Hướng dẫn cách sử dụng textContent trong JavaScript. Bạn sẽ biết cách sử dụng thuộc tính textContent để lấy cũng như thiết lập giá trị text của một Node chỉ định sau bài học này. textContent trong JavaScript và cách lấy giá trị text của NodeCú pháptextContent trong JavaScript là một thuộc tính của Node Object, có tác dụng lấy giá trị được nối của tất cả các text có trong một Node và các Node con cháu của nó. Cú pháp sử dụng thuộc tính textContent trong JavaScript để lấy giá trị text như sau: node.textContent Bảng textContent trong JavaScriptThuộc tính textContent trả về kết quả là một DOMString, và giá trị trả về sẽ tuỳ thuộc vào kiểu nodeType như bảng textContent dưới đây:
Đối với các cột ghi Đối với các cột ghi Ví dụVí dụ cụ thể, hãy xem cách sử dụng textContent đối với Node có tag là
<div> Với Node này sẽ bao gồm 5 Node con như sau:
Khi đó, toàn bộ giá trị text của các Node con này sẽ được
lấy và liên kết lại thành một chuỗi string, tạo thành kết quả thuộc tính textContent của Node Trong các Node Node trống cũng thuộc kiểu Text Node, do đó giá trị thuộc tính textContent của các Node trống cũng sẽ được lấy. Các Node trống này được tạo bởi một ký tự trống và một ký tự xuống dòng, nên các text ký tự trống và xuống dòng cũng sẽ đươc liên kết và lấy trong kết quả. Và cuối cùng, giá trị thuộc tính textContent của Node
Mã mẫu 1Kết hợp với phân tích ở ví dụ trên, hãy cùng xem cách dùng textContent để lấy giá trị text của một Node chỉ định như sau: html> Trong mã HTML ở trên, sau khi click vào nút thì Element có thuộc tính
Mã mẫu 2Hãy cùng xem thêm một ví dụ nữa về cách dùng textContent để lấy giá trị text của một Node chỉ định. Lần này chúng ta sẽ lấy giá trị text của tagname html> Do ngoài Node . textContent trong JavaScript và cách thay đổi giá trị text của NodeCú phápNgoài tác dụng lấy giá trị text thì chúng ta cũng có thể sử dụng textContent trong JavaScript để thay đổi giá trị text của Node chỉ định, với cú pháp như sau: node.textContent = Lưu ý, nếu dùng textContent để thay đổi giá trị text của Node chỉ định thì ngoài việc giá trị text của Node này sẽ được thay đổi, thì toàn bộ các Node con cháu của nó sẽ bị xoá đi khỏi DOM. Ngoài ra, giá trị Mã mẫu 1Hãy cùng tìm hiểu cách thay đổi giá trị text của Node chỉ định bằng thuộc tính textContent trong ví dụ sau: html> Trong mã HTML ở trên, sau khi click vào nút thì Node có thuộc tính
Mã mẫu 2Một ví dụ khác khi chỉ định giá trị của value chứa các ký tự đặc biệt như thẻ tag của HTML. html> Các ký tự này sẽ chỉ được coi là ký tự bình thường khi thay thế giá trị textContent mà thôi. .Tổng kếtTrên đây Kiyoshi đã hướng dẫn bạn cách sử dụng textContent trong JavaScript để lấy và thay đổi giá trị của một Node chỉ định rồi. Để nắm rõ nội dung bài học hơn, bạn hãy thực hành viết lại các ví dụ của ngày hôm nay nhé. Và hãy cùng tìm hiểu những kiến thức sâu hơn về JavaScript trong các bài học tiếp theo. Viết bởi Kiyoshi. Đã đăng ký bản quyền tác giả tại <a title="Bạn được tự do chia sẻ bài viết nhưng phải để lại đường link bài viết từ laptrinhcanban.com. Bạn không được sử dụng tài liệu cho mục đích thương mại. Không được phép chỉnh sửa nội dung được phát hành trên website của chúng tôi" style="color:#fff;background-color:silver" rel="license noopener" target="_blank" href="https://creativecommons.org/licenses/by-nc-nd/4.0/">Creativecommons</a> và <a title="Bạn được tự do chia sẻ bài viết nhưng phải để lại đường link bài viết từ laptrinhcanban.com. Bạn không được sử dụng tài liệu cho mục đích thương mại. Không được phép chỉnh sửa nội dung được phát hành trên website của chúng tôi" style="color:#fff;background-color:silver" target="_blank" rel="noopener" href="https://www.dmca.com/Protection/Status.aspx?ID=1631afcd-7c4a-467d-8016-402c5073e5cd" class="dmca-badge">DMCA</a><script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"> Bài viết liên quanHãy chia sẻ và cùng lan tỏa kiến thức lập trình Nhật Bản tại Việt Nam! HOME>> học javascript - lập trình javascript cơ bản>>13. dom trong javascript
Profile Tác giả : Kiyoshi (Chis Thanh) Kiyoshi là một cựu du học sinh tại Nhật Bản. Sau khi tốt nghiệp đại học Toyama năm 2017, Kiyoshi hiện đang làm BrSE tại Tokyo, Nhật Bản. |