Thuộc tính innerText trong JavaScript

Thuộc tính innerText trong JavaScript là gì? Cú pháp như thế nào? Mời bạn đọc cùng eLib.VN tham khảo bài viết dưới đây để biết thêm về Thuộc tính innerText trong JavaScript.

Thuộc tính innerText trong JavaScript

1. Thuộc tính innerText

Thuộc tính innerText trong JavaScript có thể được sử dụng để viết các văn bản động trên các trang web html. Ở đây, văn bản sẽ không được hiểu là văn bản html nhưng là văn bản bình thường.

Nó được sử dụng chủ yếu trong các trang web để tạo ra các nội dung động như viết thông báo xác nhận, độ mạnh mật khẩu, v.v.

2. Ví dụ về sử dụng innerText trong JavaScript

Trong ví dụ này, chúng ta sẽ hiển thị độ mạnh mật khẩu khi nhả phím sau khi nhấn.

<script type="text/javascript">
    function validate() {
        var msg;
        if (document.myForm.userPass.value.length > 5) {
            msg = "good";
        } else {
            msg = "poor";
        }
        document.getElementById('mylocation').innerText = msg;
    }
</script>
<form name="myForm">
  <input type="password" value="" name="userPass" onkeyup="validate()">
  Strength: <span id="mylocation"> no strength</span>
</form>

Trên đây là bài viết của eLib.VN về Thuộc tính innerText trong JavaScript. Hy vọng bài viết hữu ích cho bạn đọc.

Như vậy là chúng ta đã hoàn thành nội dung "JavaScript DOM". Để củng cố và nắm vững nội dung đã học, mời bạn cùng thử sức với  "Bộ Câu hỏi Trắc Nghiệm JavaScript có đáp án chi tiết"

Trắc Nghiệm

Ngày:05/11/2020 Chia sẻ bởi:Ngoan

CÓ THỂ BẠN QUAN TÂM