警报没有获得内部HTML?

时间:2017-09-14 06:32:58

标签: javascript html alert getelementbyid

我正在尝试让我的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)

5 个答案:

答案 0 :(得分:5)

实际方法名称为getElementById,它位于文档对象中。 请参阅documentation

GetElementById首字母改为小写,并将前缀改为文档 - document.getElementById

示例

&#13;
&#13;
alert("js file connected");
alert(document.getElementById("barmuhia").innerHTML);
&#13;
<body>
   <div class="topbar">
      <ul>
        <li id="barmuhia">Job Muhia</li>
      </ul>
   </div>
</body>
&#13;
&#13;
&#13;

<强>更新

<强> 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>

答案 1 :(得分:4)

GetElementById不是方法

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

答案 2 :(得分:0)

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

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

您也可以使用以下jquery方法

$("#barmuhia").html()

答案 3 :(得分:0)

&#13;
&#13;
alert(document.getElementById("barmuhia").innerHTML);
&#13;
<head>
 <script type="text/javascript" src="indexjs.js"></script>
</head>
<body>
  <div class="topbar">
 <ul>
  <li id="barmuhia">Job Muhia</li>
</ul>
 </div>
</body>
&#13;
&#13;
&#13;

答案 4 :(得分:0)

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

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

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

谢谢大家。