问一个js的基础问题..

代码只有一小段,如下:

哦..博客园插入代码的功能出问题了..我直接贴代码吧..

请复制后存成html,在浏览器打开就能看到效果了..

<!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=gb2312" />
    <title>主页</title>
    <script type='text/javascript' src='jquery.js'></script>
    <script type='text/javascript'>
        function showB()
        {

            alert(b.innerHTML);
           // alert(btnOpen.innerHTML);//报错,说btnOpen未定义,为什么div元素可以,而button元素不可以?
            alert(document.forms[0].btnOpen.innerHTML);//要这样写才行,虽然.不出来,直接写上去是可以的
            document.forms[0].btnOpen.click();//模拟鼠标点击


            $("#b").show();
        }
        function hideB()
        {
            $("#b").hide();
        }
    </script>
</head>

<body>
    <form>
        <div style='border:10px solid gray;'>
            <div style='height:auto;border:1px solid red;'>
                <table>
                    <tr><td><div id="a" style='width:300px;height:200px;border:1px solid blue;'></div></td></tr>
                    <tr><td><div id="b" style='width:300px;height:200px;border:1px solid black;'>asdsad</div></td></tr>
                </table>

            </div>
            <div>
                <div style="height:100px;border:1px solid green;"></div>
                <input type='button' onclick="hideB();close();" value="hide" />
                <input type='button' onclick="showB();" value="show" />
                <input id="btnOpen" type='button' onclick='window.open("x.html","abc","status=no");' value='open' />
            </div>
        </div>
    </form>
</body>

</html>

主要疑惑的点就是:

alert(b.innerHTML);
alert(btnOpen.innerHTML);//报错,说btnOpen未定义,为什么div元素可以,而button元素不可以?

请大侠们告诉我一下,谢谢了!

茅侃侃

浏览 473回答 7

7回答

Cats萌萌

怎么能那样写啊，document.getElementById('btnOpen').innerHTML 或者 $('#btnOpen').html()

湖上湖

document模型的资料多看看

ITMISS

innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。button 应该是 .value 才对。

温温酱

CHROME下，可以。 FIREFOX下，可以。你使用的是什么浏览器（版本）？

千巷猫影

真的是浏览器的问题,你的FF好好看啊,是按F12出来的FireBug吗?

慕尼黑的夜晚无繁华

@hexllo: Firefox developer edition,是按F12出来的。

随时随地看视频慕课网APP