Hướng dẫn what is the difference between innerhtml and innertext with example? - sự khác biệt giữa innerhtml và innertext với ví dụ là gì?

Xem thảo luận

Cải thiện bài viết

Lưu bài viết

Xem thảo luận

Cải thiện bài viết

Lưu bài viết

Đọc and innerHTML are both properties of JavaScript. However, there are differences in which the text is handled. Let us check the syntax of the two and then take an example to look at the differences. 

Syntax:  

Bàn luận

var x = document.getElementById('test');

• Bên trong và bên trong đều là các thuộc tính của JavaScript. Tuy nhiên, có sự khác biệt trong đó văn bản được xử lý. Hãy để chúng tôi kiểm tra cú pháp của cả hai và sau đó lấy một ví dụ để xem xét sự khác biệt. & NBSP;

x.innerText

• Chúng ta hãy giả sử rằng chúng ta có một biến JavaScript gọi là x.

x.innerHTML

Example:  

Nội tâm

<

This is my link collection:

This is my link collection:

<

This is my link collection:

This is my link collection:

This is my link collection:

This is my link collection:

This is my link collection:

This is my link collection:

This is my link collection:Bye bye Borland Welcome to Micro Focus

This is my link collection:Bye bye Borland Welcome to Micro Focus

This is my link collection:Bye bye Borland Welcome to Micro Focus

This is my link collection:

This is my link collection:Bye bye Borland Welcome to Micro Focus

This is my link collection:

This is my link collection:

This is my link collection:Bye bye Borland Welcome to Micro Focus

This is my link collection:

This is my link collection:

Nội tâm

HTML

<

This is my link collection:
 
  
Bye bye Borland
  
Welcome to Micro Focus
 

This is my link collection:
 
  
Bye bye Borland
  
Welcome to Micro Focus
 

This is my link collection:

'VB .NET code
Agent.SetOption("OPT_COMPATIBILITY", "13.0.0")

This is my link collection:
 
  
Bye bye Borland
  
Welcome to Micro Focus
 

This is my link collection:
 
  
Bye bye Borland
  
Welcome to Micro Focus
 

This is my link collection:
 
  
Bye bye Borland
  
Welcome to Micro Focus
 

This is my link collection:
 
  
Bye bye Borland
  
Welcome to Micro Focus
 

This is my link collection:

This is my link collection:

var x = document.getElementById('test');

var x = document.getElementById('test');

var x = document.getElementById('test');

var x = document.getElementById('test');

This is my link collection:

This is my link collection:Bye bye Borland Welcome to Micro Focus

'VB .NET code
Agent.SetOption("OPT_COMPATIBILITY", "13.0.0")

This is my link collection:

This is my link collection:

x.innerText

x.innerText

x.innerText

This is my link collection:

This is my link collection:

'VB .NET code
Agent.SetOption("OPT_COMPATIBILITY", "13.0.0")

'VB .NET code
Agent.SetOption("OPT_COMPATIBILITY", "13.0.0")

This is my link collection:

x.innerHTML

This is my link collection:

This is my link collection:Bye bye Borland Welcome to Micro Focus

x.innerText

This is my link collection:

This is my link collection:

'VB .NET code
Agent.SetOption("OPT_COMPATIBILITY", "13.0.0")

'VB .NET code
Agent.SetOption("OPT_COMPATIBILITY", "13.0.0")

'VB .NET code
Agent.SetOption("OPT_COMPATIBILITY", "13.0.0")

var x = document.getElementById('test');

This is my link collection:

This is my link collection:

This is my link collection:Bye bye Borland Welcome to Micro Focus

x.innerText

This is my link collection:

This is my link collection:

x.innerText

x.innerHTML

This is my link collection:

This is my link collection:

This is my link collection:

<9

This is my link collection:

This is my link collection:

x.innerText

This is my link collection:

This is my link collection:

This is my link collection:

This is my link collection:

<9

This is my link collection:

<9

This is my link collection:

This is my link collection:

This is my link collection:

This is my link collection:

This is my link collection:Bye bye Borland Welcome to Micro Focus

This is my link collection:

This is my link collection:Bye bye Borland Welcome to Micro Focus

This is my link collection:
 
  
Bye bye Borland
  
Welcome to Micro Focus
 

This is my link collection:

This is my link collection:Bye bye Borland Welcome to Micro Focus

This is my link collection:

This is my link collection:

Output  

This is my link collection:

x.innerText

x.innerText

This is my link collection:

<9

This is my link collection:

Trước khi nhấp vào:

Differences:  

Sau khi nhấp vào bên tronginnerText property sets or returns the text content as plain text of the specified node, and all its descendants whereas the innerHTML property gets and sets the plain text or HTML contents in the elements. Unlike innerText, inner HTML lets you work with HTML rich text and doesn’t automatically encode and decode text.