警报没有获得内部HTML? [关闭]

问题描述 投票:-4回答:5

我试图让我的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)
javascript html alert getelementbyid
5个回答
0
投票

嗨您缺少文档并在此处使用GetElementById而不是getElementById,请在下面使用

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

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

$("#barmuhia").html()

5
投票

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

4
投票

GetElementById不是方法

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


0
投票

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>

0
投票

我设法通过你的帮助解决了这个问题。

首先,我没有意识到我已经将#barmuhia的内容更改为img元素,这真是太愚蠢了。我把它改回普通的文本元素,但它仍然无法正常工作。我使用上面提供的解决方案之一将警报放在一个只在我的网页加载后调用的函数中。

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

谢谢你们。

© www.soinside.com 2019 - 2024. All rights reserved.