Khi bạn muốn sử dụng Javascript để thay đổi HTML, làm thế nào để bạn biết khi nào nên sử dụng một trong các tùy chọn sau?Đặt innerHTML và giá trị cài đặt bằng Javascript
document.getElementById("randomNumber").value = number;
document.getElementById("randomNumber").innerHTML = number;
Thiết lập value thường được sử dụng cho các yếu tố đầu vào/form. innerHTML thường được sử dụng cho div, span, td và các yếu tố tương tự.
Dưới đây là một liên kết cho thấy việc sử dụng các ID.value: http://www.javascript-coder.com/javascript-form/javascript-form-value.phtml
Value là dành cho đầu vào
innerHTML cho div và span
value đại diện cho giá trị đó sẽ là GETed hoặc gửi cho input yếu tố. innerHTML có thể thay đổi nội dung các yếu tố thực tế.
value là dành cho các phần tử biểu mẫu, innerHTML nếu bạn muốn đặt nội dung của bất kỳ phần tử nào khác.
Ngoài ra còn có innerText nếu bạn muốn thiết lập các nội dung văn bản (bạn sẽ không cần phải thoát ra bất cứ điều gì trong đó, nhưng không chứa mã HTML làm việc ở đó)
value chỉ áp dụng cho các đối tượng có các thuộc tính value (bình thường, hình thức kiểm soát).
innerHtml áp dụng cho mọi đối tượng có thể chứa HTML (divs, spans, nhưng nhiều điều khiển khác cũng như form).
Chúng không tương đương hoặc không thể thay thế. Phụ thuộc vào những gì bạn đang cố gắng đạt được ...
Sử dụng .innerHTML để thay thế toàn bộ phần bên trong của phần tử bằng HTML hợp lệ mà bạn chỉ định. Một ví dụ tốt về điều này sẽ là đặt một div lồng nhau trong div đã tồn tại nếu một sự kiện xảy ra.
Sử dụng giá trị cho các phần tử biểu mẫu yêu cầu giá trị, chẳng hạn như nhập văn bản.
value thường là thuộc tính của các phần tử i/o cụ thể như các phần tử input (cũng bao gồm type="hidden").
các yếu tố không được như div, p, a, etc. thường thậm chí không có thuộc tính giá trị và ngay cả khi đặt value, không ảnh hưởng đến kết quả cuối cùng.
Thumbs up để đề cập đến 'innerText' –