原生态js获取节点的方法

<input value="我是用id来获取值的" type="button" onclick="GetById()"/>

<input value="我是用Name来获取值的" type="button" onclick="GetByName()"/>

<input value="我是用tagName来获取值的" type="button" onclick="GetByTagName()"/>

<div id="divid" name="divName">我是用来测试的div</div>

<script type="text/javascript">

function GetById() {

var a = document.getElementById("divid");

alert(a.nodeName + "," + a.nodeType + "," + a.nodeValue);

var text = a.innerHTML;

alert(text);

//1、给字体设置颜色

//  a.innerHTML = "现在已经改了".fontcolor("red");

//2、给div设置样式

a.style.width="500px";

a.style.height="300px";

a.style.border="1px solid red";

}

function GetByName() {

var b = document.getElementsByName("divName");

alert(b.nodeName);

alert(b[0].nodeName + "-" + b[0].nodeType + "-" + b[0].nodeValue);

}

function GetByTagName() {

var c = document.getElementsByTagName("div");

alert(c.nodeName);

alert(c[0].nodeName + "-" + c[0].nodeType + "-" + c[0].nodeValue);

}

</script>