我试图让我的javascript文件捕获我的HTML文件中的id的内部Html并提醒它。
这是我的HTML代码
<head>
<script type="text/javascript" src="indexjs.js"></script>
</head>
<body>
<div class="topbar">
<ul>
<li id="barmuhia">Job Muhia</li>
</ul>
</div>
</body>
js代码是
alert(GetElementById("barmuhia").innerHTML)
嗨您缺少文档并在此处使用GetElementById而不是getElementById,请在下面使用
alert(document.getElementById("barmuhia").innerHTML);
你也可以使用下面的jquery方法
$("#barmuhia").html()
实际的方法名称是getElementById
,它位于文档对象中。见documentation。
将GetElementById
第一个字母改为小写字母并使用文档前缀 - document.getElementById
。
例
alert("js file connected");
alert(document.getElementById("barmuhia").innerHTML);
<body>
<div class="topbar">
<ul>
<li id="barmuhia">Job Muhia</li>
</ul>
</div>
</body>
更新
index.js
window.onload = function () {
// your code goes here
}
要么
<head>
</head>
<body>
<div class="topbar">
<ul>
<li id="barmuhia">Job Muhia</li>
</ul>
</div>
<script type="text/javascript" src="indexjs.js"></script>
</body>
GetElementById
不是方法
切换到getElementById()
或使用jQuery $("#element").html()
;
alert(document.getElementById("barmuhia").innerHTML);
<head>
<script type="text/javascript" src="indexjs.js"></script>
</head>
<body>
<div class="topbar">
<ul>
<li id="barmuhia">Job Muhia</li>
</ul>
</div>
</body>
我设法通过你的帮助解决了这个问题。
首先,我没有意识到我已经将#barmuhia的内容更改为img元素,这真是太愚蠢了。我把它改回普通的文本元素,但它仍然无法正常工作。我使用上面提供的解决方案之一将警报放在一个只在我的网页加载后调用的函数中。
window.onload = function () {
alert('js file connected')
alert(document.getElementById("barmuhia").innerHTML) }
谢谢你们。