鱼C论坛

 找回密码
 立即注册
查看: 3147|回复: 4

[已解决]关于document.getElementById

[复制链接]
发表于 2019-8-18 17:19:01 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
  1. <!doctype html>
  2. <html>
  3.         <head>
  4.                 <meta charset="utf-8" />
  5.                 <title> JavaScript演示:《中国诗词大会》 </title>
  6.                 <script>  
  7.                                 var array=[]
  8.                                 var set=[]
  9.                                 var ans="花落知多少".split("")
  10.                                 var choice="花多又知多时雨少落".split("")
  11.                                 var code=''
  12.                                 function cmp(a, b) {
  13.                                         if(a.length != b.length) return false
  14.                                         else for (let i = 0; i < a.length; i++) if (a[i] !== b[i]) return false
  15.                                 return true
  16.                                 }
  17.                                 function opr(a, b) {
  18.                                         array.push(a)
  19.                                         set.push(b)
  20.                                 }
  21.                                 function callback() {
  22.                                         if(cmp(array, ans)&&new Set(set).size==ans.length) alert('恭喜您,答对了!\n春晓 李白【唐】\n春眠不觉晓,\n处处闻啼鸟。\n夜来风雨声,\n花落知多少。')
  23.                                         else alert('对不起,答错了,请重试!')
  24.                                         array=[];set=[]
  25.                                 }
  26.                         </script>
  27.         </head>
  28.         <body>
  29.                 <header>
  30.                         <h1> 小测试 </h1>
  31.                         <p> 测测看,你能成为《中国诗词大会》的选手吗? </p>
  32.                         <p> 操作方法:依次点击写有字的按钮(点错了可以按【撤销】键),组成一句诗词,最后按【提交】键。 </p>
  33.                 </header>
  34.                 <main>
  35.                         <div id="aw"> 1234 </div>
  36.                         <button type="button" onclick="array.pop();set.pop()"> 撤销 </button>
  37.                         <button type="button" onclick="callback()"> 提交 </button>
  38.                 </main>
  39.                 <footer>
  40.                         <small> 本网页与《中国诗词大会》官方没有任何关系,并不具备选拔功能,仅供娱乐! </small>
  41.                 </footer>
  42.                 <script>
  43.                         for(let i = 0; i < 3; i++) {
  44.                                         for(let j = 0; j < 3; j++) code += '<button type="button" onclick="opr(' + choice[i * 3 + j] + ', ' + (i * 3 + j) + ')> ' + choice[i * 3 + j] +' </button>\n'
  45.                                         code += '<br />\n'
  46.                                 }
  47.                         document.getElementById("aw").innerHTML = code
  48.                 </script>
  49.         </body>
  50. </html>
复制代码

执行后div标签内的内容为空,而没有变成指定的内容,这是为什么?
最佳答案
2019-8-18 19:30:00
Python.爱好者 发表于 2019-8-18 19:20
知道了,document.getElementById(id名).innerHTML不能插入标签。

怎么不结帖呢
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

 楼主| 发表于 2019-8-18 19:20:15 | 显示全部楼层
知道了,document.getElementById(id名).innerHTML不能插入标签。
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2019-8-18 19:30:00 | 显示全部楼层    本楼为最佳答案   
Python.爱好者 发表于 2019-8-18 19:20
知道了,document.getElementById(id名).innerHTML不能插入标签。

怎么不结帖呢
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2019-8-19 07:47:11 | 显示全部楼层

自己不能把自己的设为最佳答案啊……
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2019-8-19 07:47:35 | 显示全部楼层
Python.爱好者 发表于 2019-8-19 07:47
自己不能把自己的设为最佳答案啊……

那可以设置其他人的啊
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2025-6-9 02:35

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表