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设为某个值.
答：
1：按你现在的DOM：document.getElementById("chat_3").getElementsByTagName("div")[0].innerHTML='我是chat_3中的id=chat的div'
2：优化：和上面一样，命名规则需要进行处理。可以考虑将你现在统一id=chat的这个div的ID命名规则变更为：chat1~chat4；然后使用document.getElementById("chat3").innerHTML='我是chat_3中的id=chat3的div'
