DOM节点对象和JS对象之间有什么区别？

Question

众所周知，我们可以使用Object.defineProperty（）定义对象的某些属性，但是当我运行以下代码时，它将引发错误！ 我认为Dom对象和js Object {}之间可能会有一些区别。 如果有人可以帮助我，我将不胜感激！

var inn = document.getElementById("search_form_input");//a input element
inn.nodeType;// 1 elementNode
inn.value;//output the value
typeOf(inn);//object
// inn is an Object , so I try the below function
Object.defineProperties(inn,'value',{
    set:function(){
       return console.log("setting inn value")
    }
})

这将产生以下错误：

VM710:1 Uncaught TypeError: Property description must be an object: v
   at Function.defineProperties (<anonymous>)
   at <anonymous>:1:8

Answer 1

您正在混合Object.defineProperties和Object.defineProperty。

检查两个功能文档：

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty

Object.defineProperty（obj，prop，描述符）

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperties

Object.defineProperties（obj，props）

假设您想使用Object.defineProperty ，那么如果使用正确的函数，您的代码就可以工作：

 var inn = document.getElementById("search_form_input");//a input element inn.nodeType;// 1 elementNode inn.value;//output the value console.log(typeof inn);//object // inn is an Object , so I try the below function Object.defineProperty(inn,'value',{ set:function(){ return console.log("setting inn value") } }); inn.value = "test"; 

 <input type="text" id="search_form_input"/> 

Answer 2

Object.defineProperties(obj, props)有2个参数，第二个是对象。 您正在传递一个字符串作为第二个参数。

参见https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperties