js如何取得DOM里的元素,DOM如上

js怎么取得DOM里的元素,DOM如下
<div id='chat_1'>
  <div id='chat' style='border:1px solid grey;padding:1px;width:300px;height:400px;overflow-y:scroll;'></div>
  <form>
  <div style='border:1px solid #f7f7f7;'>
  <textarea id='message' style='width:220px;height:50px;vertical-align:bottom;'/></textarea>
  <input type='button' value='发送' style='width:60px;height:60px;' onClick='sendMessage()'/>
  </div>
  <input type='text' id='to' value='1' size='20' />
  <input type='button' value='获取' onClick='getMessage()'/>
  <input type='button' value='关闭' onClick='clearInterval(timer1);'/>
  </form>
</div>


<div id='chat_2'>
  <div id='chat' style='border:1px solid grey;padding:1px;width:300px;height:400px;overflow-y:scroll;'></div>
  <form>
  <div style='border:1px solid #f7f7f7;'>
  <textarea id='message' style='width:220px;height:50px;vertical-align:bottom;'/></textarea>
  <input type='button' value='发送' style='width:60px;height:60px;' onClick='sendMessage()'/>
  </div>
  <input type='text' id='to' value='1' size='20' />
  <input type='button' value='获取' onClick='getMessage()'/>
  <input type='button' value='关闭' onClick='clearInterval(timer1);'/>
  </form>
</div>


<div id='chat_3'>  
  <div id='chat' style='border:1px solid grey;padding:1px;width:300px;height:400px;overflow-y:scroll;'></div>
  <form>
  <div style='border:1px solid #f7f7f7;'>
  <textarea id='message' style='width:220px;height:50px;vertical-align:bottom;'/></textarea>
  <input type='button' value='发送' style='width:60px;height:60px;' onClick='sendMessage()'/>
  </div>
  <input type='text' id='to' value='1' size='20' />
  <input type='button' value='获取' onClick='getMessage()'/>
  <input type='button' value='关闭' onClick='clearInterval(timer1);'/>
  </form>
</div>


<div id='chat_4'>  
  <div id='chat' style='border:1px solid grey;padding:1px;width:300px;height:400px;overflow-y:scroll;'></div>
  <form>
  <div style='border:1px solid #f7f7f7;'>
  <textarea id='message' style='width:220px;height:50px;vertical-align:bottom;'/></textarea>
  <input type='button' value='发送' style='width:60px;height:60px;' onClick='sendMessage()'/>
  </div>
  <input type='text' id='to' value='1' size='20' />
  <input type='button' value='获取' onClick='getMessage()'/>
  <input type='button' value='关闭' onClick='clearInterval(timer1);'/>
  </form>
</div>



如上所示,4个div中都是同样的内容.
问:怎么样取得<div id=chat_3>中的<input type='text' id='to' value='1' size='20' />的value值?
问:怎么把把<div id=chat_3>中的<div id='chat'>的innerHTML设为某个值.
如果你有别的好方法,也可以改动DOM.
我其实想做个聊天室,一个人可以同时打开多个窗口聊天,每个聊天窗口div有自己的id属性

------解决方案--------------------
问:怎么样取得<div id=chat_3>中的<input type='text' id='to' value='1' size='20' />的value值?
答：
1：按你现在的DOM：document.getElementById("chat_3").getElementsByTagName("input")[1].value
2：优化：我看你div的命名规则chat_1~chat_4这应该是动态生成的，那么：页面中不要存在相同ID的元素，所以，你那个统一命名id="to"的文本框，也按div的命名规则：to_1~to4；然后使用document.getElementById("to_3").value即可获取它的值

问:怎么把把<div id=chat_3>中的<div id='chat'>的innerHTML设为某个值.