Set the bgcolor attribute value

The following doesn't work:

<!DOCTYPE HTML>
<title>Test</title>
<embed id="foo" src="http://www.w3schools.com/media/bookmark.swf" width="400" height="40" type="application/x-shockwave-flash" />

<script type="text/javascript">
document.getElementById("foo").setAttribute("bgcolor", "#00FF00");
</script>

But if you change setAttribute to ("width", "800"), it works with no problem! What am I missing?

Any help is appreciated!

Mike


document.getElementById("foo")
                         .setAttribute("style", "background-color: #00FF00;");

width is an attribute. background-color is a style and should be placed as such


According to the specification embed has a width attribute but doesn't have a bgcolor attribute.

It is a replaced element anyway, so whatever colour it is, it will take from the Flash object anyway.


Like Nael said background-color is a style. That said beyond the fact that updating the existing style attribute using setAttribute is very difficult, it's also not very reliable. If your planning on doing anything more involved seriously consider a JavaScript library.

链接地址: http://www.djcxy.com/p/87662.html

上一篇: 如何更改firefox扩展中的statusbarpanel背景颜色

下一篇: 设置bgcolor属性值