久々に解答してみたが

教えてgoo

このコードは問題ないでしょうか
http://oshiete.goo.ne.jp/qa/7463991.html

論点がずれているのは俺かもしれない。

それとアンパサンド！
それと、Array#slice の戻り値は配列だからミスる

  • -

DOM ECMAScripting を読ませて頂いております
apos さん！一つ甘えてよろしいのでしょうか、お願いがあります。
教えてgooの個人のプロフィールから閲覧できる「回答履歴」を公開していただけませんか？特別に問題がないのであれば願いします。
自分のブログからってのも、申し訳ないのですが・・・。



しかし眠い、そして書きかけ。;_;

<!DOCTYPE html>
<meta charset="UTF-8">
<title>WAI-ARIA にしてみる</title>

<style>
*[role="radiogroup"] *[aria-checked="true"] {
  border-bottom :1px red dotted;
}

*[role="tabpanel"] > img[aria-hidden="false"] {
  display: none;
}

li {
  display : inline;
}

</style>


<body>
  <ul role="menu">
    <li role="presentation">
      <ul role="radiogroup">
        <li role="radio" aria-checked="true" tabindex="0">
          <img src="testA_0.jpg" alt="A0">
        </li>
        <li role="radio" aria-checked="false" tabindex="0">
          <img src="testA_0.jpg" alt="A1">
        </li>
        <li role="radio" aria-checked="false" tabindex="0">
          <img src="testA_0.jpg" alt="A2">
        </li>
      </ul>
    </li>
    
    <li role="presentation">
      <ul role="radiogroup">
        <li role="radio" aria-checked="true" tabindex="0">
          <img src="testB_0.jpg" alt="B0">
        </li>
        <li role="radio" aria-checked="false" tabindex="0">
          <img src="testB_1.jpg" alt="B1">
        </li>
      </ul>
    </li>

  </ul>


  <p>
    <input type="button" value="おすすめ１" onclick="rrrrr(0,0)">
    <input type="button" value="おすすめ２" onclick="rrrrr(3,1)">
    <input type="button" value="おすすめ３" onclick="rrrrr(1,1)">
  </p>

  <div role="tabpanel">
    <img src="testA_0.jpg" alt="testA" aria-hidden="true">
    <img src="testB_0.jpg" alt="testB" aria-hidden="false">
  </div>


<script>



function handler (event) {
  var e = event.target;
  var t, p, q;
  
  switch (event.type) {
  case 'click' :
    if ((p= getAttributeByParentNode (e, 'role', 'radio')))
      if ((q = getAttributeByParentNode (e, 'role', 'radiogroup')))
        if ((t = q.querySelector ('li[role="radio"][aria-checked="true"]'))) {
          t.setAttribute ('aria-checked', 'false');
          p.setAttribute ('aria-checked', 'true');
        }
    break;
  }
}


function getAttributeByParentNode (node, name, val) {
  return (node)
    ? (node.getAttribute (name) === val)
      ? node
      : getAttributeByParentNode (node.parentNode, name, val)
    : null;
}




document.addEventListener ('click', handler, false);
</script>