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

Question

How can you determine if an html element has a "value" property/attribute?

Textarea example:

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 Example:

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

You could test if a property named 'value' exists in the (non-standard) __proto__ property of your element:

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