js的一些问题

Question

这个document.getElementById('test1');返回的是个对象，这个对象到底是哪个对象？
为什么这个对象可以修改下面的id？
 test1.src.indexOf()="off.jpg"这个是什么意思test1是一个对象，src是对象里面的属性，这个属性又是一个子对象？？？下面还有方法indexOf()？？，这个方法indexOf()到底属于哪个对象......

Answer 1

这个document.getElementById('test1');返回的是个对象，这个对象到底是哪个对象？
为什么这个对象可以修改下面的id？就是：<div id="test1" onclick="ch();"></div>
改id也是可以的，例如：<div id="test1" onclick="ch();">11111</div>
<script type="text/javascript">
function ch(){
var d = document.getElementById('test1');
d.id = 'test2';
}
</script>