El atributo significa atributos, y el artículo solo presenta algunos atributos que son compatibles con IE y FF.
Atributos: Obtenga un atributo como objeto
getAttribute: obtenga el valor de un determinado atributo
setAttribute: cree un atributo y agrupe un valor para el atributo al mismo tiempo
CreateAttribute: crea solo un atributo
RemoveAttribute: elimine un atributo
getAtTributEnode: obtenga un nodo como objeto
setAtTributEnode: crea un nodo
removeatTributEnode: eliminar un nodo
Los atributos pueden obtener un atributo en un objeto y llamarlo como un objeto. Tenga en cuenta que debe usar "[]" aquí, y es decir, puede usar "()" aquí. Teniendo en cuenta el problema de compatibilidad, debe usar "[]". Hay grandes diferencias entre IE y FF sobre cómo usar atributos de atributos, por lo que no lo presentaré aquí.
Cómo usar los atributos: (Común para IE y FF)
<body> <div id = "t"> <input type = "Hidden" id = "sss" value = "aaa"> </div> </body> <script> var d = document.getElementById ("ss"). atributas ["valor"]; document.write (d.name); document.write (d.value); // show value aaa </script>Los conceptos de los cuatro hermanos getTribute, setAttribute, CreateAttribute y ElemoveAttribute son más fáciles de entender, y el método de uso es relativamente simple. Las únicas cosas a las que prestar atención:
1. Al usar CreateAttribute, no necesita estar basado en objetos. document.createAtTribute () es suficiente.
2. Al usar SetAttribute, CreateAttribute, no use palabras como nombre, tipo, valor, etc., las reacciones de IE y FF son extrañamente difíciles de entender.
3. Si CreateAttribute solo define el nombre y no define el valor de D.NodeValue = "Hello"; Declaración, FF se considerará una cadena vacía, e IE se considerará indefinida, solo observe esto.
Cómo usar getAttribute:
<body> <div id = "t"> <input type = "Hidden" id = "sss" value = "aaa"> </div> </body> <script> var d = document.getElementByid ("ss"). getAttribute ("valor"); document.write (d); // show aaa </script>Cómo usar SetAttribute: (encontrará un atributo adicional llamado Good Hello)
<body> <div id = "t"> <input type = "Hidden" id = "sss" value = "aaa"> </div> </body> <script> var d = document.getElementById ("ss"). setAttribute ("bueno", "hola"); alerta (document.getElementById ("t"). Innerhtml) </script>Cómo usar CreateAttribute: (agregue un atributo vacío llamado bueno)
<HEAD> <meta charset = "utf-8"> <title> </title> <script> window.onload = function () {var obox = document.getElementById ('box'); alerta (document.body.innerhtml); obox.SetAttribute ('valor', 'nombre'); alerta (document.body.innerhtml); attr = document.createAttribute ('Hallo'); alert (document.body.innerhtml);/*sinónimo*/ attr.nodeValue = 'world';/*editar atributos personalizados*/ alert (document.body.innerhtml);/*mismo que arriba*/ obox.setTtributeNode (attr);/*Insertar atributos personalizados a etiquetas*/ alerta (document.body.innerhtml);/*cambia*/}; </script> </head> <body> <ul id = "box"> </ul> </body>Cómo usar RemoveAttribute: (falta uno)
<body> <div id = "t"> <input type = "Hidden" id = "sss" value = "aaa"> </div> </body> <script> var d = document.getElementById ("ss"). RemoveAttribute ("value"); alerta (document.getElementById ("t"). Innerhtml) </scritch>Los tres métodos getAtTributEnode, SetAttributeNode y ElemoveAtTributEnode se caracterizan operando directamente un nodo (nodo). RemoveAtTributEnode siempre se usará incorrectamente al principio, pero cuando comprenda completamente el significado del nodo, puede aplicarlo libremente.
Cómo usar getAtTributenode:
<body> <div id = "t"> <input type = "Hidden" id = "sss" value = "aaa"> </div> </body> <script> var d = document.getElementById ("ss"). getAttributeNode ("valor"); document.write (d.name); document.write (d.value); // show valor aaa </script>Cómo usar setAtTributenode:
<body> <div id = "t"> <input type = "Hidden" id = "sss" value = "aaa"> </iv> </body> <script> var d = document.createattribute ("bueno"); document.getElementById ("ss"). setTributenode (d); alert.get.getEnmementByid ("t").Cómo usar RemoveAtTributEnode:
<body> <div id = "t"> <input type = "Hidden" id = "sss" value = "aaa"> </div> </body> <script> var d = document.getElementById ("ss"). getTruTeNode ("value") document.getElementById ("sss"). removeatTributeNode (d); alerta (document.getElementById ("t"). innerhtml); </script> Para obtener más preguntas sobre los atributos, ¡puede consultarlo en W3School!La explicación detallada anterior de la operación de atributo de atributo JS es todo el contenido que comparto con usted. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.