警报没有进入内部 HTML？

Question

我正在尝试让我的 java 脚本文件捕获我的 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)

Answer 1

实际的方法名称是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>

Answer 2

GetElementById 不是方法

切换到 getElementById() 或使用 jQuery $("#element").html();

Answer 3

您好，您缺少文档并在此处使用 GetElementById 而不是 getElementById，请在下方使用

alert(document.getElementById("barmuhia").innerHTML);

你也可以使用下面的jquery方法

$("#barmuhia").html()

Answer 4

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>

Answer 5

在你的帮助下，我设法解决了这个问题。

首先，我太傻了，没有意识到我已经将#barmuhia 的内容更改为 img 元素。我将它改回了普通的文本元素，但它仍然不起作用。我使用上面提供的一种解决方案将警报放在一个函数中，该函数只会在我的网页加载后调用。

window.onload = function () {
  alert('js file connected')
alert(document.getElementById("barmuhia").innerHTML) }

谢谢大家。

警报没有进入内部 HTML？

Alert not getting inner HTML?

html

javascript

alert

getelementbyid