将 TabIndex 添加到 JavaScript 构建的按钮

Question

我有使用 JavaScript 构建的按钮，并且想要添加 TabIndex 以实现键盘可访问性。我在这段代码和这段代码中添加了accesskey值：

button41 = new ObjButton('button41',null,679,0,53,32,1,54,'div')
button41.setImages('images/0807_help.jpg','images/0807_help_over.jpg','images/0807_help_over.jpg')
button41.onUp = button41onUp
button41.hasOnUp = true
button41.capture=4
button41.setAccessKey(2)
button41.setTabIndex(2)
button41.build()

但是当我尝试添加TabIndex时，TabIndex数字不起作用。有什么建议吗？这是脚本：

function ObjButtonBuild() {
    this.css = buildCSS(this.name,this.x,this.y,this.w,this.h,this.v,this.z)
    this.div = '<' + this.divTag + ' id="'+this.name+'" style="text-indent:0;"></' + this.divTag + '>\n'
    this.divInt = '<a name="'+this.name+'anc" href="javascript:void(null)"'
    if(this.accessKeyValue && this.accessKeyValue!=null) {
        this.divInt+=' accessKey='+this.accessKeyValue+' ';
    }
    if( this.altName )
        this.divInt += ' title="'+this.altName+'"'
    else if( this.altName != null )
        this.divInt += ' title=""'
        this.divInt += '><img name="'+this.name+'Img" src="'+this.imgOffSrc
    if( this.altName )
        this.divInt += '" alt="'+this.altName
    else if( this.altName != null )
        this.divInt += '" alt="'
        this.divInt += '" width='+this.w+' height='+this.h+' border=0'
    if( !is.ns4 ) 
        this.divInt += ' style="cursor:pointer"'
        this.divInt += '></a>'
}

Answer 1

您不应该以这种方式构建元素。使用 document.createElement() 代替：

var el = document.createElement("a");
if (el){
    el.name = "foo";
    el.href = "somepage.htm";
    el.tabIndex = 3;
}

您也可以这样做：

var el = document.createElement("a");
if (el){
    el.setAttribute("class", "someclass");
    el.setAttribute("name", "foo");  
    el.setAttribute("href", "somepage.htm");
    el.setAttribute("tabIndex", "3");
}

您还可以使用 jQuery 来实现此目的：

var el = $("<a>", { name : "foo", href : "somepage.htm", tabIndex : "6" });