js 根据id获取页面元素

js 根据id获取页面元素

1.getElementById(id)

<div id="divId">用javascript获取Id的方法getElementById()的使用方法</div>

var obj = document.getElementById("divId");

以上是通过div的id号divId获取div这个对象,然后就可以对div进行各种操作
如删除其内容,设置其属性,将其隐藏等等

值得注意的是:div 必须先于 javascript 代码加载
也就是 div 要放在 var obj = document.getElementById("divId") 的前面,否则因找不到对象而报错

2.$(id)
本质:通过getElementById()方法获取到html元素对象

首先需要定义$:

var $ = function (objId) { 
  return ("string" == typeof (objId)) ? document.getElementById(objId) : objId;
}

其实是把 $ 定义为一个函数(方法),在这个函数中仍然是通过 getElementById 方法获取元素的这个对象
也就是 $ 本身并不具备获取元素对象的功能,它只是一个字符,不过是把它定义为了一个获取元素对象的方法

获取上述的div元素通过$表示为:

var obj = $("divId");

用getElementById方法获取要写一长串字母,现在只需写一个字符
方便快捷,尤其要获取很多元素对象的时候,优势更明显

获取元素的值  obj.value
获取元素的文本  obj.innerHTML
...

3.js 判断 html 元素是否存在

if (document.getElementById("id" ) != undefined) {
  alert( "存在");
}else {
  alert("不存在" );
}
undefined 也可以用 null 代替
即 if(document.getElementById("id") != null)。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值