VietTuts

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

  • Home
  • Java
  • Servlet
  • JSP
  • Struts2
  • Hibernate
  • Spring
  • Java WS
  • MyBatis
  • Eclipse
  • VBA
  • Web
    • JavaScript
    • JQUERY
    • JSON
    • AJAX
    • PHP
    • CSS
    • HTML
    • Python
  • SQL
    • MySQL
    • SQL Server
  • Misc
    • Phần mềm tiện ích
    • Selenium Test
    • Lập trình C
    • Lập trình C++
  • Tuyển Dụng

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

Đối tượng Document trong JavaScript

4154 views

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".


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

Chuỗi (String) trong PythonHàm Dictionary values() trong PythonHàm Dictionary update() trong PythonHàm Dictionary setdefault() trong PythonHàm Dictionary keys() trong PythonHàm Dictionary items() trong PythonHàm Dictionary get() trong PythonHàm Dictionary fromkeys() trong PythonHàm Dictionary copy() trong PythonHàm Dictionary clear() trong PythonHàm Dictionary type() trong PythonHàm Dictionary str() trong Python

VietTuts on facebook

Học Java Cơ Bản Đến Nâng Cao - VietTuts.Vn

Danh sách bài học

Học java
Học servlet
Học jsp
Học Hibernate
Học Struts2
Học Spring
Học SQL

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

About VietTuts.Vn

Hệ thống bài học trên VietTuts.Vn bao gồm các bài lý thuyết và thực hành về các công nghệ java và công nghệ web. Các bài lý thuyết trên hệ thống VietTuts.Vn được tham khảo và tổng hợp từ các trang http://javatpoint.com, http://www.tutorialspoint.com, http://docs.oracle.com/en …

Scroll back to top

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