Hướng dẫn can you give an element an id in javascript? - bạn có thể cho một phần tử làm id trong javascript không?

Giá trị

Một chuỗi.

Xem thêm

• 
    
      getElementById example
    
    
      Some text here
      blue
      red
    
  
  

  1 Tham chiếu cho các phương thức và thuộc tính khác bạn có thể sử dụng để nhận tham chiếu đến các phần tử trong tài liệu.id global attribute.

Cú pháp

Thông số

id

ID của phần tử để định vị. ID là chuỗi nhạy cảm trường hợp là duy nhất trong tài liệu; Chỉ có một yếu tố có thể có bất kỳ ID đã cho.

Giá trị trả về

Một đối tượng

  
    getElementById example
  
  
    Some text here
    blue
    red
  

Ví dụ

HTML

  
    getElementById example
  
  
    Some text here
    blue
    red
  

JavaScript

function changeColor[newColor] {
  const elem = document.getElementById['para'];
  elem.style.color = newColor;
}

Kết quả

Ghi chú sử dụng

Việc viết hoa của

  
    getElementById example
  
  
    Some text here
    blue
    red
  

function changeColor[newColor] {
  const elem = document.getElementById['para'];
  elem.style.color = newColor;
}

Không giống như một số phương pháp xem phần tử khác như

function changeColor[newColor] {
  const elem = document.getElementById['para'];
  elem.style.color = newColor;
}

function changeColor[newColor] {
  const elem = document.getElementById['para'];
  elem.style.color = newColor;
}

  
    getElementById example
  
  
    Some text here
    blue
    red
  

function changeColor[newColor] {
  const elem = document.getElementById['para'];
  elem.style.color = newColor;
}

Thí dụ

DOCTYPE html>

  
    
    Document
  
  
    
      hello word1
      hello word2
      hello word3
      hello word4
    
    
      const parentDOM = document.getElementById["parent-id"];
      const test1 = parentDOM.getElementById["test1"];
      // throw error
      // Uncaught TypeError: parentDOM.getElementById is not a function
    
  

Nếu không có phần tử với id đã cho, hàm này sẽ trả về

  
    getElementById example
  
  
    Some text here
    blue
    red
  

function changeColor[newColor] {
  const elem = document.getElementById['para'];
  elem.style.color = newColor;
}

  
    getElementById example
  
  
    Some text here
    blue
    red
  

DOCTYPE html>

  
    
    Document
  
  
    
      hello word1
      hello word2
      hello word3
      hello word4
    
    
      const parentDOM = document.getElementById["parent-id"];
      const test1 = parentDOM.getElementById["test1"];
      // throw error
      // Uncaught TypeError: parentDOM.getElementById is not a function
    
  

Các yếu tố không có trong tài liệu không được tìm kiếm bởi

  
    getElementById example
  
  
    Some text here
    blue
    red
  

DOCTYPE html>

  
    
    Document
  
  
    
      hello word1
      hello word2
      hello word3
      hello word4
    
    
      const parentDOM = document.getElementById["parent-id"];
      const test1 = parentDOM.getElementById["test1"];
      // throw error
      // Uncaught TypeError: parentDOM.getElementById is not a function
    
  

  
    getElementById example
  
  
    Some text here
    blue
    red
  

  
    getElementById example
  
  
    Some text here
    blue
    red
  

DOCTYPE html>

  
    
    Document
  
  
    
      hello word1
      hello word2
      hello word3
      hello word4
    
    
      const parentDOM = document.getElementById["parent-id"];
      const test1 = parentDOM.getElementById["test1"];
      // throw error
      // Uncaught TypeError: parentDOM.getElementById is not a function
    
  

  
    getElementById example
  
  
    Some text here
    blue
    red
  

const element = document.createElement['div'];
element.id = 'testqq';
const el = document.getElementById['testqq']; // el will be null!

Tài liệu không phải HTML. Việc triển khai DOM phải có thông tin cho biết thuộc tính nào thuộc loại ID. Các thuộc tính có tên "ID" không thuộc loại ID trừ khi được xác định trong DTD của tài liệu. Thuộc tính id được định nghĩa là loại ID trong các trường hợp phổ biến của XHTML, XUL và các trường hợp khác. Các triển khai không biết liệu các thuộc tính có thuộc loại ID hay không dự kiến ​​sẽ trả về

  
    getElementById example
  
  
    Some text here
    blue
    red
  

  
    getElementById example
  
  
    Some text here
    blue
    red
  

Xem thêm

• 
    
      getElementById example
    
    
      Some text here
      blue
      red
    
  
  

  1 Tham chiếu cho các phương thức và thuộc tính khác bạn có thể sử dụng để nhận tham chiếu đến các phần tử trong tài liệu.

• function changeColor[newColor] {
    const elem = document.getElementById['para'];
    elem.style.color = newColor;
  }
  

  1 cho các bộ chọn thông qua các truy vấn như

  DOCTYPE html>
  
    
      
      Document
    
    
      
        hello word1
        hello word2
        hello word3
        hello word4
      
      
        const parentDOM = document.getElementById["parent-id"];
        const test1 = parentDOM.getElementById["test1"];
        // throw error
        // Uncaught TypeError: parentDOM.getElementById is not a function
      
    
  
  

  8
• XML: ID - có phương thức tiện ích để cho phép

  
    
      getElementById example
    
    
      Some text here
      blue
      red
    
  
  

  0 có được 'XML: ID' trong các tài liệu XML [chẳng hạn như được trả về bởi các cuộc gọi AJAX]