0

このtabIndexを機能させることができません。それが入るタブを押すと、最初の要素（完了ボタンですが、「ボタン」タイプではありません）にしたいと思います。実際、a.tabIndex = 1; を指定すると、これは反対のことを行い、タブ移動の通常/デフォルト フローでは完全にスキップされます。どうしてこれなの？

    var div = document.createElement("div");
    div.setAttribute("class", "container");
    div.setAttribute("id", "doneCon");
    div.style.width = "70px";
    div.style.height = "35px";
    div.style.overflow = "hidden";
    div.style.borderStyle = "solid";
    div.style.borderColor = "blue";
    div.style.borderRadius = "35px/18px";
    div.style.backgroundColor = "white";
    div.style.marginLeft = "5px";
    div.style.display = "inline-block";
    var a = document.createElement("a");
    a.setAttribute("href", "#");
    a.setAttribute("class", "a container");
    a.tabIndex = 1
    a.setAttribute("id", "done");
    a.style.display = "block";
    a.style.fontFamily = "yo2";
    a.style.weight = "bold";
    a.style.fontSize = "150%";
    a.style.paddingTop = "7px";
    a.style.textDecoration = "none";
    a.style.color = "blue";
    a.style.textAlign = "center";
    text = document.createTextNode("Done");
    a.appendChild(text);
    div.appendChild(a);
4

1 に答える 1

0

tabIndex を設定する前にa、appendChild を追加する必要があると思います。divアンカー (a) を div の子の末尾に追加しているため、このアクションによって tabIndex が維持される可能性はほとんどありません。

調べるには、appendChild の後の行にブレークポイントを置き、追加後の tabIndex プロパティの値を調べます (firebug、または Chrome のビルトイン開発者ツールに相当するものを使用します)。

于 2012-10-11T12:10:48.017 に答える