Скопируйте код кода следующим образом:
<!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">
<голова>
<title>Атрибут операции 20120430dom node.htm</title>
<meta http-equiv="Content-Type" content="text/html; chareset=utf-8"/>
<тип сценария="текст/javascript">
//Хотя Attr (атрибут) является узлом, к нему нельзя получить доступ с помощью firstChild и childNodes.
функция testBtn() {
// var myNode = document.getElementById("btn");//Получить тег элемента
// var myNodeName = myNode.nodeName // Получаем имя вышеуказанной метки в качестве кнопки;
// var x = myNode.attributes["onclick"].nodeType; //atrributes — это массив атрибутов. Смысл этого предложения — найти nodeType=2 с меткой «btn» в качестве атрибута.
// если (х == 2) {
// alert("Вы получаете доступ к узлу атрибута!");
// }
//Ниже приведен код для изменения атрибутов узла =================================== ==== ========================
//============================================== ==========================================
var myNode = document.getElementById("btn");//Получить тег элемента
var x = myNode.getAttribute("id");//Получаем атрибут id метки
myNode.setAttribute("value", "test");//Измените атрибут id метки
var y = myNode.getAttribute("значение");
alert("Атрибут id изменился с "" + x + "" на "" + y + """);
//Ниже следует добавить атрибуты к элементу====================================== === ===========================
//============================================== ==========================================
var myAtrr = document.createAttribute("класс");
myAtrr.nodeValue = "Стиль класса";
myNode.setAttribute(myAtrr);
//Разница между getAttributeNode и getAttribute заключается в получении значения атрибута — getAttribute()
//getAttribute("") метод возвращает значение атрибута.
//Получаем значение атрибута - getAttributeNode()
//метод getAttributeNode("") возвращает узел атрибута, метод getAttributeNode('').value получает значение узла.
//Результаты разных браузеров разные. Я не буду здесь проводить углубленное исследование.==========================. ====== ==============
if (myNode.getAttributeNode("класс") != null)
alert("Добавлено успешно!!");
еще
alert("Не удалось добавить");
//Ниже приведено значение удаленного атрибута====================================== === ================================
//============================================== =========================================
// myNode.removeAttribute("класс");
// if (myNode.getAttribute("class") == null)
// alert("Удаление успешно!!");
//еще
// alert("Не удалось");
var delNode=myNode.getAttributeNode("класс");
если (myNode.getAttribute("класс") == null)
alert("Удаление успешно!!!");
еще
alert("Не удалось");
}
</скрипт>
</голова>
<тело>
<h1>Глава 2. О dom</h1>
<p id="p1">Введение в Дом</p>
<p>Как использовать <a href="#" name="link">dom</a></p>
<input id="btn" type="button" onclick="testBtn()" value="Test"/>
</тело>
</html>
Обратите внимание на разницу между методами параметров с Node и без Node.