javascript - 为什么不能设置null显示的属性innerhtml
问题描述
为什么我不能设置 null 显示的属性 innerhtml?
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<script>
var scr1 = 0;
var scr2 = 0;
document.getElementById("demo").innerHtml= "Paragraph changed!";
document.getElementById("CS").innerHtml = "Your Score :"
function srt() {
var a = document.getElementById("none");
a.style.boxShadow = "none"
setTimeout(function re(){
a.style.boxShadow = "-4px -4px grey"
},200)
}
</script>
</head>
<body>
<h2 class="scr1" id="dome">Your Score :</h1>
<h2 class="scr2" id="CS">Com Score :</h2>
<br />
<br />
<center>
<div class="mid"></div>
<div class="srt" id="none">
<h4>Start</h4>
</div>
</center>
</body>
</html>
请帮我处理这段代码
内部 HTML 不起作用我找不到错误的位置,所以请帮助我
解决方案
您的代码有一些问题:
innerHtml
不是属性,而是需要使用innerHTML
您正在尝试在页面加载之前在 js 代码中定位元素(DOM - 文档对象模型,尚未准备好)。为了克服这个问题,您可以在页面加载时调用您的代码。您可以使用 来执行此操作
window.onload=init
,其中init
是一个函数,该函数在页面加载时运行。您在您的 javascript 中定位 id
demo
但您的 HTML 中没有带有 id 的元素demo
,您有 iddome
所以我假设dome
应该说demo
解决所有这些问题将解决您的问题。
请参阅下面的工作示例:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<script>
function init() {
var scr1 = 0;
var scr2 = 0;
document.getElementById("demo").innerHTML = "Paragraph changed!";
document.getElementById("CS").innerHTML = "Your Score :";
function srt() {
var a = document.getElementById("none");
a.style.boxShadow = "none";
setTimeout(function re() {
a.style.boxShadow = "-4px -4px grey";
}, 200);
}
}
window.onload = init;
</script>
</head>
<body>
<h2 class="scr1" id="demo">Your Score :</h1>
<h2 class="scr2" id="CS">Com Score :</h2>
<br />
<br />
<center>
<div class="mid"></div>
<div class="srt" id="none">
<h4>Start</h4>
</div>
</center>
</body>
</html>
推荐阅读
- python - 想要从 a 标签中抓取所有特定的 href
- c - “错误:非无效函数不会在所有控制路径中返回值”是什么意思。或“错误:使用未声明的标识符'sum'”在c中是什么意思?
- python - Pygame:精灵彼此靠近生成
- visual-studio-code - vscode 更改所选建议的图标颜色
- flutter - NoSuchMethodError:null 上的无效成员:'findAncestorStateOfType'
- python-3.x - Python Flask Restful API 查询
- google-sheets - 谷歌内部加入电子表格
- xml - 如何重命名其中包含某些元素的许多 xml 文件?
- css - CSS Calc - 总是达到 '0' 或 '1'
- javascript - 如何将值从 golang 发送到 vue js(服务器到客户端)?