Copie el código de código de la siguiente manera:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transicional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<cabeza>
<title>20120430dom atributo de operación node.htm</title>
<meta http-equiv="Tipo de contenido" content="text/html; chareset=utf-8"/>
<tipo de script="texto/javascript">
// Aunque Attr (atributo) es un nodo, no se puede acceder a él mediante firstChild y childNodes.
función pruebaBtn() {
// var myNode = document.getElementById("btn");//Obtener etiqueta de elemento
// var myNodeName = myNode.nodeName // Obtiene el nombre de la etiqueta anterior como botón;
// var x = myNode.attributes["onclick"].nodeType; //attributes es una matriz de atributos El significado de esta oración es encontrar nodeType=2 con la etiqueta 'btn' como atributo.
// si (x == 2) {
// alert("¡Estás accediendo a un nodo de atributo!");
// }
//El siguiente es el código para modificar los atributos de un nodo===================================== ==== ==========================
//================================================== ==============================================
var myNode = document.getElementById("btn");//Obtener etiqueta de elemento
var x = myNode.getAttribute("id");//Obtener el atributo de identificación de la etiqueta
myNode.setAttribute("value", "test");//Modificar el atributo de identificación de la etiqueta
var y = myNode.getAttribute("valor");
alert("El atributo de id ha cambiado de "" + x + "" a "" + y + """);
// Lo siguiente es agregar atributos a un elemento ======================================== === ==============================
//================================================== ==============================================
var myAtrr = document.createAttribute("clase");
myAtrr.nodeValue = "classStyle";
miNodo.setAttribute(miAtrr);
//La diferencia entre getAttributeNode y getAttribute es obtener el valor del atributo - getAttribute()
//El método getAttribute("") devuelve el valor del atributo.
//Obtener valor del atributo - getAttributeNode()
// El método getAttributeNode("") devuelve el nodo de atributo, getAttributeNode('').value obtiene el valor del nodo.
// Los resultados de diferentes navegadores son diferentes. No haré una investigación en profundidad aquí.==============================. ====== ===============
si (myNode.getAttributeNode("clase")! = nulo)
alert("¡¡Agregado exitosamente!!");
demás
alert("No se agregó correctamente");
//El siguiente es el valor del atributo eliminado======================================== === ===================================
//================================================== =============================================
// myNode.removeAttribute("clase");
// if (myNode.getAttribute("clase") == nulo)
// alerta("¡¡Eliminación exitosa!!");
//demás
// alerta("Sin éxito");
var delNode=myNode.getAttributeNode("clase");
si (myNode.getAttribute("clase") == nulo)
alert("¡¡Eliminación exitosa!!");
demás
alerta("Sin éxito");
}
</script>
</cabeza>
<cuerpo>
<h1>Capítulo 2 Acerca de dom</h1>
<p id="p1">introducción al dominio</p>
<p>Cómo utilizar <a href="#" name="link">dom</a></p>
<input id="btn" tipo="botón" onclick="testBtn()" valor="Prueba"/>
</cuerpo>
</html>
Preste atención a la diferencia entre los métodos de parámetros con Node y sin Node.