html中根据id修改style属性,Javascript获取标签ID改变style属性的代码

实例JavaScript代码

下面的这段代码中，我们通过select元素的name属性来设置具体要访问style的哪个属性(本例中为背景色)，这样，这个函数就可以用来设置不同的CSS属性了。

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";

}

HTML代码

本例的HTML代码比较简单，一个select元素用来罗列出来可选的背景色。而按钮则负责触发事件，调用函数。

aqua

black

blue

fuchsia

gray

green

lime

maroon

navy

olive

purple

red

silver

teal

white

yellow

设置背景颜色

取消

效果

选择颜色后点击按钮“设置背景颜色”。

aqua black blue fuchsia gray green lime maroon navy olive purple red silver teal white yellow 设置背景颜色 取消

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]