Javascript setAttribute（）不工作？

我正在尝试添加几个导航“窗格”到屏幕上的阴影框。我发现下面的代码可以这样做，它可以工作，但是依赖于相当多的内联CSS。我正试图将此移到shadowbox.css，但我似乎无法使其工作。代码如下：

var cssNavButtons = {cursor:"pointer", position:"absolute", width:200, height:"100%", top:0, "z-index":400};
var navBtnRight = $("<div/>").css(cssNavButtons).css({right: 0, background:"url('images/nav-right.png') center center no-repeat"}).click(function(){Shadowbox.next();});
var navBtnLeft = $("<div/>").css(cssNavButtons).css({left: 0, background:"url('images/nav-left.png') center center no-repeat"}).click(function(){Shadowbox.previous();});
$("#sb-body-inner").prepend(navBtnRight).prepend(navBtnLeft);

var cssNavButtons={光标：“指针”，位置：“绝对”，宽度：200，高度：“100%”，顶部：0，“z指数”：400}；
var navBtnRight=$（“”）.css（cssNavButtons）.css（{right:0，background:'url（'images/nav right.png'）居中不重复“}）。单击（function（）{Shadowbox.next（）；}）；
var navBtnLeft=$（“”）.css（cssNavButtons）.css（{left:0，background:'url（'images/nav left.png'）居中不重复“}）。单击（function（）{Shadowbox.previous（）；}）；
$（“#sb body inner”）.prepend（navBtnRight）。prepend（navBtnLeft）；

我已尝试将vars navBtnRight和navBtnLeft设置为使用外部CSS文件，如下所示，但无效：

var navBtnRight = $("<div/>").setAttribute("class","sb-bignav").setAttribute("id","sb-bignav-right").click(function(){Shadowbox.next();});

var navBtnRight=$（“”）.setAttribute（“class”，“sb bignav”）.setAttribute（“id”，“sb bignav right”）.单击（function（）{Shadowbox.next（）；}）；

---

有人能告诉我为什么这样不行吗？谢谢

您似乎正在使用jQuery，在这种情况下，您需要的是（可用于jQuery对象），而不是（可用于DOM元素）

尽管要添加一个我想使用的类，而不是

.setAttribute（“class”，“sb bignav”）

尝试使用

element.setAttributeNS("null","attribute_name",value) .