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支持