getElement……，还有一些取得页面元素的方式

最近用js，发现好多东西忘得差不多了，现在把还记得的重新理一下写下来。

根据id取元素:document.getElementById

根据html标记取元素:document.getElementsByTagName

根据元素name取元素:document.getElementsByName //IE只支持表单元素和一些特殊元素，所以最好不用，为了解决兼容问题，最好使id和name的属性值一样

下面加红的为浏览器兼容的语句

取form里的元素的值：

<form id="qq" name="pp" value="kk"></form>

得到id：document.forms['pp'].id 或者 document.forms['qq'].id //IE，firefox，opera中可以

得到value：document.forms['pp'].value 或者 document.forms['qq'].value //只有IE能这么用

document.forms['pp'].getAttribute("value") 或者 document.forms['pp'].getAttribute("value") //IE，opera，firefox可以这么用，对自定义的属性必须用getAttribute得到

还可以直接使用form的name来得到

document.pp.getAttribute("value") //IE，opera，firefox都可以

如果直接用id document.qq.getAttribute("value") //只能IE，firefox可以使用，为了兼容最好用上一种

**************************************************************************************************************

去一般的元素

<div id="pp" name="qq" value="kk">aaaaaaaaaa</div>

通过id取值：document.getElementById("pp").innerHTML 或者 document.all("pp").innerHTML 或者 pp.innerHTML //IE，firefox，opera都可以使用

通过name取值：document.getElementsByName("qq")[0].innerHTML //IE不支持，firefox，opera支持，最好不使用这种方式

通过html标签取值：document.getElementsByTagName("div")[0].getAttribute("value") //IE，firefox，opera都能正确运行

***************************************************************************************************************

innerHTML //IE，firefox，opera都支持

innerText //firefox不支持，IE，Opera支持

outerHTML //firefox不支持，IE，opera支持

outerText //firefox不支持，IE，opera支持

textContent //IE不支持，firefox，opera支持