Hướng dẫn dùng document getelementbyid trong PHP

Phương thức getElementById() sẽ trả về phần tử có thuộc tính ID được cung cấp. Phương thức này là một trong số những phương thức phổ biến nhất của HTML DOM, nó được sử dụng rất thường xuyên để thao tác hoặc lấy thông tin của form hoặc một phần tử bất kỳ.

Hướng dẫn dùng document getelementbyid trong PHP

Hướng dẫn dùng document getelementbyid trong PHP

Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.

Phương thức sẽ trả về Null nếu không có phần tử nào có thuộc tính ID được cung cấp.

Một ID chỉ nên được sử dụng cho một phần tử, tuy nhiên nếu có nhiều phần tử cùng sử dụng một ID, Phương thức sẽ trả về phần tử đầu tiên xuất hiện trên trang.

Cú pháp

Cú pháp: document.getElementById(elementID)

Bài viết này được đăng tại [free tuts .net]

  • elementID là ID của phần tử sẽ được tìm kiếm.

Cách sử dụng

Định dạng màu chữ cho phần tử có id="result":



    
        
    
        

Học lập trình miễn phí tại freetuts.net

Đây là thẻ có id="result"

Tham khảo: w3schools.com

Hướng dẫn dùng document getelementbyid trong PHP

Phương thức getElementById trả về phần tử có thuộc tính ID là giá trị được chỉ định.

Phương thức này là một trong những phương thức phổ biến nhất trong HTML DOM và được sử dụng gần như mọi lúc bạn muốn thao tác (hoặc lấy thông tin từ) một phần tử trên tài liệu của bạn.

Trả về null nếu không có phần tử nào có ID được chỉ định tồn tại.

ID phải là duy nhất trong một trang. Tuy nhiên, nếu có nhiều hơn một phần tử với ID được chỉ định tồn tại (trùng ID), phương thức getElementById() trả về phần tử đầu tiên trong mã nguồn.

Cú pháp

var element = document.getElementById(elementID)

Tham số:

elementID là dạng chuỗi, giá trị của thuộc tính ID của phần tử bạn muốn nhận về

Giá trị trả lại:

Một đối tượng Element được mô tả trong đối tượng DOM khớp với elementID, hoặc null nếu không tìm thấy phần tử nào phù hợp.

Ví dụ

Lấy phần tử có id=“demo” và thay đổi màu của nó:

var x = document.getElementById("demo"); // Get the element with id="demo"
x.style.color = "red"; // Change the color of the element

HTML



    
    getElementById example - daipho.com


    

Some text here

     

JavaScript

function changeColor(newColor) {
    var elem = document.getElementById('para');
    elem.style.color = newColor;
}

Kết quả

Tính tương thích của trình duyệt web

Trình duyệt trên máy tính

Trình duyệt Phiên bản tương thích
Chrome 1
Edge
FireFox 1
Internet Eplorer 5.5
Opera 7
Safari 1

Trình duyệt trên thiết bị di động

Trình duyệt Phiên bản tương thích
Android Webview 1
Chrome for Android 1
Edge Mobile
FireFox for Android
Opera 6
iOS Safari 1
Samsung Internet ?

Tham khảo:

  • Web APIs: Đối tượng Document
  • Web APIs: Đối tượng Node

Phương thức getElementById() sẽ trả về phần tử có thuộc tính ID được cung cấp. Phương thức này là một trong số những phương thức phổ biến nhất của HTML DOM, nó được sử dụng rất thường xuyên để thao tác hoặc lấy thông tin của form hoặc một phần tử bất kỳ.

Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.

Phương thức sẽ trả về Null nếu không có phần tử nào có thuộc tính ID được cung cấp.

Một ID chỉ nên được sử dụng cho một phần tử, tuy nhiên nếu có nhiều phần tử cùng sử dụng một ID, Phương thức sẽ trả về phần tử đầu tiên xuất hiện trên trang.

Cú pháp

Cú pháp: document.getElementById(elementID)

Bài viết này được đăng tại [free tuts .net]

  • elementID là ID của phần tử sẽ được tìm kiếm.

Cách sử dụng

Định dạng màu chữ cho phần tử có id="result":



    
        
    
        

Học lập trình miễn phí tại freetuts.net

Đây là thẻ có id="result"

Tham khảo: w3schools.com