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

本文总结了JavaScript中获取页面元素的方法,包括根据ID、名称及标签名选取元素,并介绍了如何获取表单元素的值及元素的innerHTML等属性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值