Hướng dẫn what is the difference between .innerhtml and .value in javascript? - sự khác biệt giữa .innerhtml và .value trong javascript 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

some text

var d = document.getElementById("d");
console.log(d.innerHTML); //prints 
some text

some text

var d = document.getElementById("d");
console.log(d.innerHTML); //prints 
some text

some text

var d = document.getElementById("d");
console.log(d.innerHTML); //prints 
some text

some text

var d = document.getElementById("d");
console.log(d.innerHTML); //prints 
some text

some text

var d = document.getElementById("d");
console.log(d.innerHTML); //prints 
some text

some text

var d = document.getElementById("d");
console.log(d.innerHTML); //prints 
some text

Nội tâm

HTML

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

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

some text

var d = document.getElementById("d");
console.log(d.innerHTML); //prints 
some text

x.innerText

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

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

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

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

some text

var d = document.getElementById("d");
console.log(d.innerHTML); //prints 
some text

x.innerHTML

x.innerHTML

x.innerHTML

x.innerHTML

some text

var d = document.getElementById("d");
console.log(d.innerHTML); //prints 
some text

x.innerText

x.innerText

x.innerText

some text

var d = document.getElementById("d");
console.log(d.innerHTML); //prints 
some text

some text

var d = document.getElementById("d");
console.log(d.innerHTML); //prints 
some text

some text

var d = document.getElementById("d");
console.log(d.innerHTML); //prints 
some text

x.innerText

x.innerText

x.innerText

x.innerHTML

some text

var d = document.getElementById("d");
console.log(d.innerHTML); //prints 
some text

some text

var d = document.getElementById("d");
console.log(d.innerHTML); //prints 
some text

some text

var d = document.getElementById("d");
console.log(d.innerHTML); //prints 
some text

some text

var d = document.getElementById("d");
console.log(d.innerHTML); //prints 
some text

some text

var d = document.getElementById("d");
console.log(d.innerHTML); //prints 
some text

some text

var d = document.getElementById("d");
console.log(d.innerHTML); //prints 
some text

some text

var d = document.getElementById("d");
console.log(d.innerHTML); //prints 
some text

some text

var d = document.getElementById("d");
console.log(d.innerHTML); //prints 
some text

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

some text

var d = document.getElementById("d");
console.log(d.innerHTML); //prints 
some text

Output  

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

Sau khi nhấp vào bên trong

Sau khi nhấp vào bên trong:

Differences:  

Như chúng ta có thể thấy từ ví dụ ở trên thuộc tính bên trong đặt hoặc trả về nội dung văn bản dưới dạng văn bản đơn giản của nút được chỉ định và tất cả các hậu duệ của nó trong khi thuộc tính bên trong nhận được và đặt nội dung văn bản hoặc HTML đơn giản trong các phần tử. Không giống như bên trong, HTML bên trong cho phép bạn làm việc với văn bản phong phú HTML và không tự động mã hóa và giải mã văn bản.innerText 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.