Kiểm tra xem phần tử có hỗ trợ thuộc tính hay không - Thủ thuật CSS

Anonim

Không phải tất cả các trình duyệt đều hỗ trợ tất cả các thuộc tính trên tất cả các phần tử. Có một số thuộc tính mới trong HTML5, vì vậy ý ​​tưởng thử nghiệm để xem bạn đang ở trong loại môi trường trình duyệt nào ngày càng trở nên quan trọng.

function elementSupportsAttribute(element, attribute) ( var test = document.createElement(element); if (attribute in test) ( return true; ) else ( return false; ) );

Sử dụng

if (elementSupportsAttribute("textarea", "placeholder") ( ) else ( // fallback )