VietTuts

Tự Học Lập Trình Online

  • Home
  • Java
  • Servlet
  • JSP
  • Struts2
  • Hibernate
  • Spring
  • MyBatis
  • Java WS
  • C
  • C++
  • C#
  • Python
  • PHP
  • Excel
  • VBA
  • Web
    • JavaScript
    • JQUERY
    • JSON
    • AJAX
    • CSS
    • HTML
    • HTML5
    • Node.js
    • Angular 7
  • SQL
    • MySQL
    • SQL Server
  • Misc
    • Eclipse
    • Phần mềm tiện ích
    • Cấu trúc DL&GT
    • Selenium Test

Học JavaScript

JavaScript là gì? Cú pháp trong JavaScript Nhúng JavaScript vào HTML Biến trong JavaScript Biến toàn cầu JavaScript Kiểu dữ liệu trong JavaScript Toán tử trong JavaScript Hàm trong JavaScript Sự kiện trong JavaScript

Các Mệnh Đề Điều Khiển

Mệnh đề if-else Mệnh đề Switch-case Vòng lặp for Vòng lặp while Vòng lặp do-while

Các đối tượng JavaScript

Đối tượng trong JavaScript Mảng (Array) Chuỗi (String) Đối tượng Date Đối tượng Math Đối tượng Number Đối tượng Boolean

JavaScript BOM

Đối tượng Browser 1. Đối tượng Window 2. Đối tượng History 3. Đối tượng Navigator 4. Đối tượng Screen Cookie trong JavaScript

JavaScript DOM

5. Đối tượng Document getElementById() getElementsByName() getElementsByTagName() Thuộc tính innerHTML Thuộc tính innerText

JavaScript Validation

Validate Form bằng JavaScript Validate Email bằng JavaScript

Phỏng Vấn JavaScript

Câu hỏi phỏng vấn JavaScript
1 / 3
❮ ❯

Đối tượng Document trong JavaScript


Cookie trong JavaScript
Document.getElementById() trong JavaScript

Đối tượng document trong JavaScript đại diện cho toàn bộ tài liệu HTML.

Khi tài liệu html được tải trong trình duyệt, nó sẽ trở thành một đối tượng document. Nó là phần tử gốc đại diện cho tài liệu html. Nó có các thuộc tính và phương thức. Nhờ sự giúp đỡ của đối tượng document, chúng tôi có thể thêm nội dung động vào trang web.

Đối tượng document là thuộc tính của đối tượng window, vì vậy nó có thể được truy cập bằng cách:

window.document

Hoặc:

document

Theo W3C - "Document Object Model (DOM) - Mô hình đối tượng document (DOM) là giao diện nền tảng và trung lập ngôn ngữ cho phép các chương trình và tập lệnh tự động truy cập và cập nhật nội dung, cấu trúc và css của tài liệu".


Nội dung chính

  • Các thuộc tính của đối tượng document
  • Các phương thức của đối tượng document
  • Truy cập giá trị trường bằng đối tượng document

Các thuộc tính của đối tượng document

Hình dưới đây thể hiện các thuộc tính của đối tượng docment.

Đối tượng Document trong JavaScript

Các phương thức của đối tượng document

Chúng ta có thể truy cập và thay đổi nội dung của trang web bằng các phương thức của đối tượng document.

Các phương thức quan trọng của đối tượng document như sau:

Phương thứcMô tả
write("string")viết chuỗi đã cho trên doucment.
writeln("string")viết chuỗi đã cho trên doucment với ký tự newline ở cuối.
getElementById()trả về phần tử có giá trị id đã cho.
getElementsByName()trả về tất cả các phần tử có giá trị name đã cho.
getElementsByTagName()trả về tất cả các phần tử có tên thẻ đã cho.
getElementsByClassName()trả về tất cả các phần tử có class đã cho.

Truy cập giá trị trường bằng đối tượng document

Trong ví dụ này, chúng ta sẽ nhận được giá trị của văn bản đầu vào từ người dùng. Ở đây, chúng ta đang sử dụng document.form1.name.value để lấy giá trị của trường name:

document: là phần tử gốc đại diện cho tài liệu html.

form1 : là tên của biểu mẫu.

name : là tên thuộc tính của văn bản đầu vào.

value : là thuộc tính, trả về giá trị của văn bản đầu vào.

Dưới đây là ví dụ sử dụng đối tượng document:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Vi du doi tuong document trong JavaScript</title>
<script type="text/javascript">
    function printValue() {
        var name = document.form1.name.value;
        alert("Welcome: " + name);
    }
</script>
</head>
<body>
    <form name="form1">
        Enter Name: <input type="text" name="name" /> 
        <input type="button" onclick="printValue()" value="Display Name" />
    </form>
</body>
</html>

Kết quả:


Cookie trong JavaScript
Document.getElementById() trong JavaScript

Recent Updates

Sử dụng Javascript trong HTMLJavaScript là gì?Biến toàn cầu JavaScriptBiến trong JavaScriptBoolean trong JavaScriptChuỗi (String) trong JavaScriptCookie trong JavaScriptCú pháp trong JavaScriptDocument.getElementById() trong JavaScriptDocument.getElementsByName() trong JavaScriptDocument.getElementsByTagName() trong JavaScriptĐối tượng Browser trong JavaScriptSắp Tết 2026 Rồi! - Còn bao nhiêu ngày nữa là đến tết 2026?

VietTuts on facebook

Học Lập Trình Online Miễn Phí - VietTuts.Vn
Danh Sách Bài Học

Học Java | Hibernate | Spring
Học Excel | Excel VBA
Học Servlet | JSP | Struts2
Học C | C++ | C#
Học Python
Học SQL

Bài Tập Có Lời Giải

Bài tập Java
Bài tập C
Bài tập C++
Bài tập C#
Bài tập Python
Ví dụ Excel VBA

Câu Hỏi Phỏng Vấn

201 câu hỏi phỏng vấn java
25 câu hỏi phỏng vấn servlet
75 câu hỏi phỏng vấn jsp
52 câu hỏi phỏng vấn Hibernate
70 câu hỏi phỏng vấn Spring
57 câu hỏi phỏng vấn SQL

Scroll back to top

Copyright © 2016 VietTuts.Vn all rights reserved. | Liên hệ | Chính sách - riêng tư | sitemap.html | sitemap_index.xml