Warning: This element contains code
and strong language.
Các ví dụ dưới đây đề cập đến đoạn mã HTML sau :Nút sẽ được tham chiếu bởi JavaScript sau :
var x = document.getElementById('test');
Tóm Tắt
element.innerHTML
Đặt hoặc lấy cú pháp HTML diễn đạt thành phần con của thành phần
x.innerHTML
// => "
// => Warning: This element contains code
and strong language.
// => "
Đây là một phần của Đặc điểm phân tích cú pháp DOM và Serialization của W3C. Lưu ý rằng đó là một thuộc tính của Element
các đối tượng.
node.innerText
Đặt hoặc lấy văn bản giữa thẻ mở màn và thẻ kết thúc của đối tượng người tiêu dùng người dùng
x.innerText
// => "Warning: This element contains code and strong language."
innerText
được giới thiệu bởi Microsoft và đã được Firefox hỗ trợ trong một thời gian. Vào tháng 8 năm 2016,innerText
được thông qua bởi WHATWG và được thêm vào Firefox trong phiên bản v45.innerText
cung cấp cho bạn nhận thức về phong cách, biểu diễn của văn bản cố gắng khớp với những gì được trình duyệt hiển thị, điều này có nghĩa là:innerText
áp dụngtext-transform
vàwhite-space
quy tắcinnerText
cắt bớt khoảng trắng giữa các dòng và thêm ngắt dòng giữa các mụcinnerText
sẽ không trả lại văn bản cho các mục ẩn
innerText
sẽ trả vềtextContent
cho các phần tử không bao giờ được hiển thị như
và `
- Thuộc tính của
Node
các phần tử
node.textContent
Lấy hoặc đặt nội dung văn bản của một nút và con cháu của nó .
x.textContent
// => "
// => Warning: This element contains code and strong language.
// => "
Mặc dù đây là tiêu chuẩn W3C, nhưng nó không được tương hỗ bởi IE < 9 .
- Không biết về kiểu dáng và do đó sẽ trả về nội dung bị ẩn bởi CSS
- Không kích hoạt chỉnh lại (do đó hiệu suất cao hơn)
- Thuộc tính của
Node
các phần tử
node.value
Điều này phụ thuộc vào yếu tố mà bạn đã nhắm mục tiêu. Đối với ví dụ trên, x
trả về một đối tượng HTMLDivElement, đối tượng này không có thuộc value
tính được xác định.
x.value // => null
Ví dụ: thẻ đầu vào ( ) xác định một thuộc
value
tính, tham chiếu đến “giá trị hiện tại trong điều khiển”.
Từ những tài liệu :
Lưu ý: đối với một số loại đầu vào nhất định, giá trị trả về có thể không khớp với giá trị mà người dùng đã nhập. Ví dụ: nếu người dùng nhập một giá trị không phải số vào một
, giá trị trả về có thể là một chuỗi trống.
Tập lệnh mẫu
Dưới đây là một ví dụ hiển thị đầu ra cho HTML được trình diễn ở trên :
var properties = ['innerHTML', 'innerText', 'textContent', 'value'];
// Writes to textarea#output and console
function log(obj) {
console.log(obj);
var currValue = document.getElementById('output').value;
document.getElementById('output').value = (currValue ? currValue + '\n' : '') + obj;
}
// Logs property as [propName]value[/propertyName]
function logProperty(obj, property) {
var value = obj[property];
log('[' + property + ']' + value + '[/' + property + ']');
}
// Main
log('=============== ' + properties.join(' ') + ' ===============');
for (var i = 0; i < properties.length; i++) {
logProperty(document.getElementById('test'), properties[i]);
}
Warning: This element contains code
and strong language.
Mở rộng đoạn mã