javascriptの質問です

一連の質問を考慮して、ちょっと書き直しました。
http://jsfiddle.net/b5cgdm3d/1/

考慮したのは、こんなところです。

• 回答に、チェックボックスが付いて、LABEL で括られることがある
• ボタンを押して、回答に色を付けたい

window.onload = function() {
    mark_answer();
}

function mark_answer() {
    var trs = document.getElementsByTagName("tr");
    for (var i = 0 ; i < trs.length ; ++i) {
        var ans = trs[i].children.item(5);
        re_ans = new RegExp("^[" + ans.innerHTML + "]");
        var ele_q = trs[i].children.item(2);
        walk_and_mark_answer(ele_q, re_ans);
    }
}

function walk_and_mark_answer(node, re) {
    var ele = node.firstChild;
    if (! ele) return;
    do {
        if (ele.nodeType == 3) {
            if (re_ans.exec(ele.nodeValue)) {
                var wrap = document.createElement("span")
                wrap.className = "answer_marker";           // ★目印
                ele.parentNode.insertBefore(wrap, ele);
                wrap.appendChild(ele);
                ele = wrap;
            }
        } else if (ele.nodeType == 1) {
            walk_and_mark_answer(ele, re);
        }
    } while (ele = ele.nextSibling);
}

ボタンを押して回答に色を付けたい場合には、関数 mark_answer() を、ボタンの click で呼び出してください。


因みに、http://jsfiddle.net/cw47p4um/12/ が、期待通りに動かなかった理由。

        var ans = trs[i].children.item(3);

これは、回答が TABLE の 4列目にあることを想定しています。
列が増えたので、回答を見失っていたのが、回答の色を付けられなかった、一番の理由です。

問題文に色が付いてしまっていたのは、色を付けるための目印にしていた変数のクリアができていなかったためです。
この回答で書き換えたコードでは、LABEL で括られた箇所も見るようにした過程で、色を付けるための目印にしていた変数も使わないように書き換えました。