javascript GetElementById的属性和对元素属性的设置

 顾明思义，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;";