HTML元素-是否存在“值”屬性或屬性？

Question

您如何確定html元素是否具有“值”屬性/屬性？

Textarea示例：

let textarea = document.createElement("textarea");
textarea.innerHTML = "Sike!"; 
console.log(textarea.hasAttribute("value")); // returns false (expected true)
console.log(textarea.hasOwnProperty("value")); // returns false (expected true)
console.log(textarea.value); // returns "Sike!";

Div示例：

let div = document.createElement("div");
div.innerHTML = "Sike!"; 
console.log(div.hasAttribute("value")); // returns false (expected false)
console.log(div.hasOwnProperty("value")); // returns false (expected false)
console.log(div.value); // returns undefined; (expected thrown error)

Answer 1

您可以測試元素的（非標准） __proto__屬性中是否存在名為'value'屬性：

 let textarea = document.createElement("textarea"); console.log('value' in textarea.__proto__); console.log('foo' in textarea.__proto__);