实例JavaScript代码 下面的这段代码中，我们通过select元素的name属性来设置具体要访问style的哪个属性（本例中为背景色），这样，这个函数就可以用来设置不同的CSS属性了。 复制代码 代码如下: 　　<script type="text/javascript"> 　　var d = document.getElementById("d"); 　　function setProperty(){ 　　var set = document.getElementById("setColor"); 　　var optionValue = set.options[set.selectedIndex].value; 　　d.style.backgroundColor = optionValue; 　　} 　　function reset(){ 　　d.style.backgroundColor = "transparent"; 　　} 　　</script> HTML代码 本例的HTML代码比较简单，一个select元素用来罗列出来可选的背景色。而按钮则负责触发事件，调用函数。 复制代码 代码如下: 　　<select id="setColor"> 　　<option value="aqua">aqua</option> 　　<option value="black">black</option> 　　<option value="blue">blue</option> 　　<option value="fuchsia">fuchsia</option> 　　<option value="gray">gray</option> 　　<option value="green">green</option> 　　<option value="lime">lime</option> 　　<option value="maroon">maroon</option> 　　<option value="navy">navy</option> 　　<option value="olive">olive</option> 　　<option value="purple">purple</option> 　　<option value="red">red</option> 　　<option value="silver">silver</option> 　　<option value="teal">teal</option> 　　<option value="white">white</option> 　　<option value="yellow">yellow</option> 　　</select> 　　<button onclick="setProperty();return fales;">设置背景颜色</button> 　　<button onclick="reset();return fales;">取消</button> 效果 选择颜色后点击按钮“设置背景颜色”。 aqua black blue fuchsia gray green lime maroon navy olive purple red silver teal white yellow 设置背景颜色 取消 　　 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

　　推荐阅读

　　javascript动画浅析

动画原理 所谓的动画，就是通过一些列的运动形成的动的画面。在网页中，我们可以通过不断的改变元素的css值，来达到动的效果。 用到的公式 总距离S = 总时间T * 速度V 即: V = S/T 当前距离s = S/T * 已耗时t 即: >>>详细阅读

本文标题：Javascript获取标签ID改变style属性的代码

地址：http://www.17bianji.com/kaifa2/JS/23119.html

 1/2    1