页面上出现 [object HTMLDivElement] 是什么意思？

我不明白  [object HTMLDivElement]   这个算什么，报错吗？
为什么不是输出那个DIV?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>匿名函数</title>
        <style>
            #div1 {
                width: 100px;
                height: 100px;
                background-color: black;
                color: white;
            }
        </style>
    </head>
    <script>
        window.onload = function() {
            var avc = document.getElementById("div1");
            document.write(avc);
        }        var a = function() {
            alert("好困呐！！！！！！！！");
        }        a();
    </script>    <body>
        <div id="div1">搜狗拼音输入法</div>
    </body></html>

解决方案 »

  1.   

    document.getElementById("div1") 这个是一个对象，你把对象输出出来了。如果想显示div内容，改成 document.write(avc.innerHTML);这样
      

  2.   

    输出的是dom对象，
    建议使用console.log()输出这种，F12可以调试。也可以点开对象，查看所有属性和方法
      

  3.   

    [object HTMLDivElement]：
    返回的是div元素的全称
    如果要获取div元素的内容请添加   .innerHTML     eg:var avc = document.getElementById("div1").innerHTML
      

  4.   

     var avc = document.getElementById("div1");
                document.write(avc);
    改为
     var avc = document.getElementById("div1").value;
                document.write(avc.value);