获取html中的节点对象以及设置标签的属性

1.设置了三种方法来根据不同的场合获取不同的节点对象：

var test = function (){//获取id的值
var d1 = document.getElementById("d1");
alert(d1.innerHTML)
}
var test1 = function (){ //获取标签的值
var divs = document.getElementsByTagName("div");

 for( var i = 0; i < divs.length; i ++){
     alert(divs[i].innerHTML);
 }

}
var test2 =function (){ //为了获取不同的标签的值，可以命名name值来得到一个值集合
var names = document.getElementsByName("a");
for( var k = 0; k < names.length; k ++){
alert(names[k].innerHTML);
}

<body> <div id = "d1">12345</div> <div name="a">abcde</div> <span name="a">789456</span> <input type="button" value="根据id获取相应的元素" onclick="test();"> <input type="button" value="根据tag标签获取相应的元素" onclick="test1();"> <input type="button" value="根据name名称获取相应的元素" onclick="test2();"> </body>

2.设置标签的属性，设置一个输入框，和三个按钮。

3.三个方法对于获得和设置标签的属性值。

     var test = function (){

        var text = document.getElementById("1");

        alert(text.getAttribute("value"));
        alert(text.getAttribute("name"));
    }

    var test1 = function (){

        var text1 = document.getElementById("1");

      text1.setAttribute("value","123");//重新设置标签的属性，也可以添加属性
      text1.setAttribute("name","老王");
    }

  //给标题1添加属性，将其颜色变为红色。

    var test2 = function (){

        var h1 = document.getElementById("01");

        h1.setAttribute("style","color:red");

    }