顾明思义,get-Element-By-Id,就是通过ID来设置/返回HTML标签的属性及调用其事件与方法。用这个方法基本上可以控制页面所有标签,条件很简单就是给每个标签分配一个ID号
一getElementById的使用:
document.getElementById("link").href;
document.getElementById("link").target;
document.getElementById("img").src;
document.getElementById("img").width;
document.getElementById("img").height;
document.getElementById("input").value;
那么如何取得
<div></div>
以及
<a></a>
之间的值呢?
如<div id="div">aaa</div>中的aaa,<a href="#" id="link">bbb</a>中的bbb,也很简单,利用innerHTML就可以,
document.getElementById("div").innerHTML;
document.getElementById("link").innerHTML;
二:javascript设置元素的属性:
可以通过JavaScript使用元素的setAttribute方法设置元素的样式,例如: 要把Span元素中的文本修改为采用红色粗体显示,设置如下:
var spanElement = document.getElementById("mySpan"); spanElement.setAttribute("style","font-weight:bold;color:red;");
除了IE,这种方法在当前其他浏览器上都是行得通的. 对于IE,解决方法是使用元素style对象的cssText属性来设置所需的样式, 尽管这个属性不标准,但得到了广泛的支持,如下所示:
var spanElement = document.getElementById("mySpan"); spanElement.style.cssText = "font-weight:bold;color:red;";
这种方法在IE和大多数其他浏览器上都能很好地工作,只有Opera除外, 为了让代码能在所有当前浏览器上都可以移值,可以同时使用这两种方法,如下所示:
var spanElement = document.getElementById("mySpan"); spanElement.setAttribute("style","font-weight:bold;color:red;"); spanElement.style.cssText = "font-weight:bold;color:red;";