クリックで対称のhref属性とsrc属性を置換するjavascriptを書きたいのですが、うまく動きません。

Question

###クリックで対称のhref属性とsrc属性を置換するjavascriptを書きたいのですが、うまく動きません。
リストで生成された複数のサムネイルがあり、それをクリックすると、メインのhref属性とsrc属性がサムネイルに入れている値に置換されるプログラムを書きたいのですが、
以下の書き方でメイン画像の切替はできるのですが、href属性がサムネイルに入れた値に置換されません。
同じような書き方で解決する記述方法をご教示していただけないでしょうか。

よろしくお願いします。

<div class="itemimg">
  <a href="../01.jpg" class="jqzoom" id="ph02">
    <img src="../01.jpg" width="400" height="600" name="ph01">
  </a>
</div>

<div class="itemsubimg">
  <ul>
    <li><a href="javascript:document.ph01.src = '../01.jpg'; getElementById('ph02').href = '../01.jpg'; void(0);"><img width="80" height="120" src="../01-200x300.jpg"></a></li>
    <li><a href="javascript:document.ph01.src = '../02.jpg'; getElementById('ph02').href = '../02.jpg'; void(0);"><img width="80" height="120" src="../02-200x300.jpg"></a></li>
    <li><a href="javascript:document.ph01.src = '../03.jpg'; getElementById('ph02').href = '../03.jpg'; void(0);"><img width="80" height="120" src="../03-200x300.jpg"></a></li>
  </ul>
</div>

Answer 1

以下の箇所でgetElementByIdではなくdocument.getElementByIdでは？

<li><a href="javascript:document.ph01.src = '../01.jpg'; document.getElementById('ph02').href = '../01.jpg'; void(0);"><img width="80" height="120" src="../01-200x300.jpg"></a></li>
<li><a href="javascript:document.ph01.src = '../02.jpg'; document.getElementById('ph02').href = '../02.jpg'; void(0);"><img width="80" height="120" src="../02-200x300.jpg"></a></li>
<li><a href="javascript:document.ph01.src = '../03.jpg'; document.getElementById('ph02').href = '../03.jpg'; void(0);"><img width="80" height="120" src="../03-200x300.jpg"></a></li>

Comments

[jyoze]

初歩的なミスで申し訳ありません。
無事解決いたしました。
ありがとうございます！