enfoque en el artículo 2, 3 y 4.
Mira el atributo de nuevo:

Propiedad, el atributo es una solución de “atributo”, pero el atributo enfatiza las características/características de otras cosas, y en este artículo, el atributo es un subconjunto de propiedad.
y en JavaScript, hay diferencias obvias entre la propiedad y el atributo. Como todos sabemos, Settattribute es el método estándar de configurar/agregar atributos para el nodo DOM:
var ele = document.getElementById (“my_ele”); ele.setattribute (“título”, “es mi elemento”); pero muchas veces también escribimos así:
ele.tital = “Es mi elemento”; si no pasó nada, todos corren bien, parecen no ser diferentes? Y en general, también queremos obtener el “atributo” que establecemos, y también nos encanta escribir así:
alert (ele.title); en este momento, encontrará problemas. Si los atributos que establece pertenecen a los atributos estándar del elemento DOM en sí, ya sea que ele.setTribute o Ele.title, todo es , todo lo cual se puede obtener normalmente. Pero si el conjunto de atributos no es un atributo estándar, sino un atributo personalizado?
ele.setattribute (‘mytitle’, ‘prueba mi título’); alert (ele.mytitle); // alerta indefinida (ele.getattribute (‘mytitle’)); ‘Su título de prueba’; alerta (ele.getTribute (‘Yourtitle’)); // alerta nulo (ele.yourtitle); // ‘su título de prueba’ 通过 setattribute 设置 的 自 定义 属性 ， 只 能 通过 标准 的 getTribute 方法 vamos; los atributos personalizados establecidos por puntos no pueden obtenerse a través del método estándar getAttribute. En el método de procesamiento de atributos personalizados, el método estándar y el método de número de puntos del atributo DOM ya no tienen ninguna correlación (el código de apelación es compatible con la compatibilidad y continuará introduciéndose más adelante).
La diferencia entre la configuración y la obtención de “atributos” en realidad es causada por la diferencia entre la propiedad y el atributo.
El “atributo” establecido por el número de puntos es en realidad el conjunto de la propiedad. Como se mencionó anteriormente, el atributo es el subconjunto de la propiedad, entonces la configuración de propiedad del número de puntos no se puede obtener naturalmente obteniendo el método gettribute que puede Solo obtenga el atributo.

La ilustración de

property and attribute

parece ser más fácil de entender. GetAttribute no puede obtener la propiedad que no pertenece al atributo. Pero en este momento encontrará otro problema. Los atributos establecidos a través de SetAttribute también deben pertenecer a la propiedad, entonces, ¿por qué no obtener el número de puntos?

Cambiemos nuestra comprensión. Solo los atributos estándar se pueden usar al mismo tiempo para usar métodos estándar y números de puntos. Para atributos personalizados, métodos estándar y números de puntos no interfieren entre sí.

Los atributos personalizados no interfieren entre sí

Entonces, el atributo en JavaScript no es un subconjunto de propiedad. La propiedad y el atributo solo tienen intersecciones, es decir, atributos estándar, por lo que las preguntas pueden explicarse razonablemente.

Pero en IE9-, no se establece la conclusión de la apelación. En el navegador IE9, además de los atributos estándar, también se comparten los atributos personalizados, es decir, los métodos y puntos estándar se pueden leer y escribir.

El atributo exitoso se refleja en HTML. A través de Outerhtml, puede ver que el atributo se agrega a la etiqueta correspondiente, por lo que si el atributo no es un tipo de cadena de datos, el método toString () se utilizará para convertir. Sin embargo, debido a que en IE9-, los atributos estándar no se distinguen de los atributos personalizados, el atributo aún puede ser ningún tipo de datos, y no llamará a la conversión de toString (). problemas más serios, sí, es fácil causar fugas de memoria. Por lo tanto, si no es un atributo personalizado de un tipo de cadena, se recomienda utilizar los métodos relevantes en el marco maduro (como el método de datos en jQuery).

getAttribute y dot (.)
Aunque el método getAttribute y el número de puntos puede obtener atributos estándar, tienen diferentes propiedades para ciertos atributos, como HREF, SRC, valor, etc.

<a href=”#” id=”link”> enlace de prueba </a> <img src = “img.png” id = “image” /> <input type = “text” value = “ingrese texto” id = “Ipt”/> <script> var $ = function (id) {return document.getElementById (id);}; alert ($ (‘link’). getAttribute (‘href’)); //# alert ( $ (‘enlace’). href); // fullpath /file.html# alert ($ (‘imagen’). getAttribute (‘src’) // img.png alert ($ (‘imagen’). src) / /fullpath/img.png alerta ($ (‘ipt’). getAttribute (‘valor’)) // Ingrese alert ($ (‘ipt’). Value) // Ingrese texto $ (‘IPT’). Value = 5; alerta ($ (‘ipt’). GetAttribute (‘value’)) // Ingrese alerta de texto ($ (‘ipt’). Valor) // 5 </script> Encontrado que getAttribute obtuvo el atributo de elemento la cantidad literal y el número de puntos obtuvo el valor de cálculo.

Más detalles para ver este artículo:Attributes and custom properties