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)。