Copie o código do código da seguinte forma:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<cabeça>
<title>20120430dom atributo de operação node.htm</title>
<meta http-equiv="Content-Type" content="text/html; chareset=utf-8"/>
<script type="texto/javascript">
//Embora Attr (atributo) seja um nó, ele não pode ser acessado usando firstChild e childNodes.
função testeBtn() {
// var myNode = document.getElementById("btn");//Obter tag do elemento
// var myNodeName = myNode.nodeName; // Obtenha o nome do rótulo acima como o botão
// var x = myNode.attributes["onclick"].nodeType; //atrributes é uma matriz de atributos. O significado desta frase é encontrar nodeType=2 com o rótulo 'btn' como o atributo.
// se (x == 2) {
// alert("Você está acessando um nó de atributo!");
// }
//A seguir está o código para modificar os atributos de um nó==================================== ==== =========================
//=============================================== ============================================
var myNode = document.getElementById("btn");//Obter tag do elemento
var x = myNode.getAttribute("id");//Obtém o atributo id do rótulo
myNode.setAttribute("value", "test");//Modifica o atributo id do rótulo
var y = myNode.getAttribute("valor");
alert("O atributo do id mudou de "" + x + "" para "" + y + """);
//O seguinte é adicionar atributos a um elemento====================================== === ===========================
//=============================================== ============================================
var meuAtrr = document.createAttribute("classe");
meuAtrr.nodeValue = "classStyle";
meuNode.setAttribute(meuAtrr);
//A diferença entre getAttributeNode e getAttribute é obter o valor do atributo - getAttribute()
//getAttribute("") método retorna o valor do atributo.
//Obter valor do atributo - getAttributeNode()
//getAttributeNode("") método retorna o nó do atributo, getAttributeNode('').value obtém o valor do nó.
//Os resultados de diferentes navegadores são diferentes. Não farei pesquisas aprofundadas aqui.================================ ====== ==============
if (myNode.getAttributeNode("class") != null)
alert("Adicionado com sucesso!!");
outro
alert("Não adicionado com sucesso");
//A seguir está o valor do atributo removido====================================== === =================================
//============================================== ===========================================
// myNode.removeAttribute("classe");
// if (myNode.getAttribute("class") == null)
// alert("Excluir com sucesso!!");
//outro
// alerta("Sem sucesso");
var delNode=myNode.getAttributeNode("classe");
if (myNode.getAttribute("class") == nulo)
alert("Exclusão bem sucedida!!");
outro
alerta("Sem sucesso");
}
</script>
</head>
<corpo>
<h1>Capítulo 2 Sobre dom</h1>
<p id="p1">introdução ao domínio</p>
<p>Como usar <a href="#" name="link">dom</a></p>
<input id="btn" type="button" onclick="testBtn()" value="Teste"/>
</body>
</html>
Preste atenção na diferença entre métodos de parâmetros com Node e sem Node.