Python.爱好者 发表于 2019-8-18 17:19:01

关于document.getElementById

<!doctype html>
<html>
        <head>
                <meta charset="utf-8" />
                <title> JavaScript演示:《中国诗词大会》 </title>
                <script>
                                var array=[]
                                var set=[]
                                var ans="花落知多少".split("")
                                var choice="花多又知多时雨少落".split("")
                                var code=''
                                function cmp(a, b) {
                                        if(a.length != b.length) return false
                                        else for (let i = 0; i < a.length; i++) if (a !== b) return false
                                return true
                                }
                                function opr(a, b) {
                                        array.push(a)
                                        set.push(b)
                                }
                                function callback() {
                                        if(cmp(array, ans)&&new Set(set).size==ans.length) alert('恭喜您,答对了!\n春晓 李白【唐】\n春眠不觉晓,\n处处闻啼鸟。\n夜来风雨声,\n花落知多少。')
                                        else alert('对不起,答错了,请重试!')
                                        array=[];set=[]
                                }
                        </script>
        </head>
        <body>
                <header>
                        <h1> 小测试 </h1>
                        <p> 测测看,你能成为《中国诗词大会》的选手吗? </p>
                        <p> 操作方法:依次点击写有字的按钮(点错了可以按【撤销】键),组成一句诗词,最后按【提交】键。 </p>
                </header>
                <main>
                        <div id="aw"> 1234 </div>
                        <button type="button" onclick="array.pop();set.pop()"> 撤销 </button>
                        <button type="button" onclick="callback()"> 提交 </button>
                </main>
                <footer>
                        <small> 本网页与《中国诗词大会》官方没有任何关系,并不具备选拔功能,仅供娱乐! </small>
                </footer>
                <script>
                        for(let i = 0; i < 3; i++) {
                                        for(let j = 0; j < 3; j++) code += '<button type="button" onclick="opr(' + choice + ', ' + (i * 3 + j) + ')> ' + choice +' </button>\n'
                                        code += '<br />\n'
                                }
                        document.getElementById("aw").innerHTML = code
                </script>
        </body>
</html>
执行后div标签内的内容为空,而没有变成指定的内容,这是为什么?

Python.爱好者 发表于 2019-8-18 19:20:15

知道了,document.getElementById(id名).innerHTML不能插入标签。

zltzlt 发表于 2019-8-18 19:30:00

Python.爱好者 发表于 2019-8-18 19:20
知道了,document.getElementById(id名).innerHTML不能插入标签。

怎么不结帖呢

Python.爱好者 发表于 2019-8-19 07:47:11

zltzlt 发表于 2019-8-18 19:30
怎么不结帖呢

自己不能把自己的设为最佳答案啊……

zltzlt 发表于 2019-8-19 07:47:35

Python.爱好者 发表于 2019-8-19 07:47
自己不能把自己的设为最佳答案啊……

那可以设置其他人的啊
页: [1]
查看完整版本: 关于document.getElementById