Cách chuyển đổi một nút trong JavaScript

• Làm thế nào để chuyển đổi một nút trong JavaScript?
• Ví dụ 1: Sửa đổi tin nhắn văn bản bằng cách chuyển đổi một nút
• Ví dụ 2: Nút chuyển đổi BẬT / TẮT trong JavaScript

Làm thế nào để chuyển đổi một nút trong JavaScript?

Câu lệnh điều kiện là một yêu cầu cơ bản để chuyển đổi một nút trong JavaScript. Để đạt được điều này, bạn cần lấy phần tử và sau đó một số chức năng tùy chỉnh được áp dụng để áp dụng một số thao tác cụ thể trên phần tử đó. Chức năng được liên kết với sự kiện onclick của nút. Vì vậy, bất cứ khi nào nút được nhấp, chức năng đó sẽ được thực thi. Hãy thực hành một số ví dụ để chuyển đổi một nút trong JavaScript.

Ví dụ 1: Sửa đổi tin nhắn văn bản bằng cách chuyển đổi một nút

Một ví dụ được coi là sửa đổi thông báo bằng cách chuyển đổi một nút trong JavaScript. Ví dụ này bao gồm mã HTML và JavaScript, được giải thích bên dưới:

Mã HTML

Trong mã HTML, mô tả như sau:

• Một
  được tạo bằng một “ id = js ”.
• Sau đó, một nút được tạo liên kết với “Btntog ()” phương pháp. Bằng cách nhấn 'Cái nút' , phương pháp “ btntog () ' được kích hoạt.
• Cuối cùng, tệp JavaScript “Test.js” được thông qua như src ở trong
  

  ---

  Mã JavaScript

  functionbtntog ( )
  {
  ở đâu = tài liệu. getElementById ( 'js' ) ;
  nếu ( t. bên trongHTML == 'Chào mừng đến với Linuxhint' ) {
  t. bên trongHTML = 'Thế giới JavaScript' ; }
  khác {
  t. bên trongHTML = 'Chào mừng đến với Linuxhint' ; }
  }

  Trong mã này:

  
  
  
  • getElementById được sử dụng để trích xuất phần tử HTML “ js ”Và giá trị được lưu trữ trong một biến“ t ”.
  • Sau đó, bên trongHTML thuộc tính được sử dụng trong điều kiện if để kiểm tra văn bản “ Chào mừng đến với Linuxhint ”.
  • Nếu điều kiện là đúng, nội dung “ Chào mừng đến với Linuxhint ”Được thay thế bằng “Thế giới JavaScript “.
  • Nếu điều kiện sai, văn bản “Chào mừng đến với Linuxhint” được gán dưới dạng nội dung HTML cho thẻ div.

  Đầu ra

  

  Kết quả cho thấy rằng việc chuyển đổi một nút sẽ trả về hai thông báo dưới dạng “Chào mừng đến với Linuxhint” và “Thế giới JavaScript” cách khác.

  Ví dụ 2: Nút chuyển đổi BẬT / TẮT trong JavaScript

  Sau đây là một ví dụ để thay đổi văn bản nội tuyến của nút. Trong ví dụ này, “ BẬT / TẮT ”Văn bản sẽ thay đổi giá trị bằng cách nhấn nút. Mã HTML và JavaScript được cung cấp tại đây:

  Mã HTML

  < html >
  
  < h2 > Ví dụ để chuyển đổi một nút h2 >
  
  < kiểu đầu vào = 'cái nút' Tôi = 'myBtn' giá trị = 'TẮT'
  
  trong một cái nhấp chuột = 'ngày();' >
  
  < script src = 'test.js' > script >
  
  html >

  Đoạn mã trên được mô tả là:

  • Một nút có thể nhấp có id là 'MyBtn' được tạo và giá trị của nó được đặt thành 'TẮT' .
  • Bằng cách nhấn nút, ngày() phương thức sẽ được kích hoạt.
  • Đến cuối cùng, “Test.js” được đính kèm với đường dẫn nguồn bên trong