最近用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支持