关于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标签内的内容为空,而没有变成指定的内容,这是为什么? 知道了,document.getElementById(id名).innerHTML不能插入标签。 Python.爱好者 发表于 2019-8-18 19:20
知道了,document.getElementById(id名).innerHTML不能插入标签。
怎么不结帖呢 zltzlt 发表于 2019-8-18 19:30
怎么不结帖呢
自己不能把自己的设为最佳答案啊…… Python.爱好者 发表于 2019-8-19 07:47
自己不能把自己的设为最佳答案啊……
那可以设置其他人的啊
页:
[1]