.innerHTML没有显示出来

Question

我搜索了许多相关的堆栈溢出问题，但无法理解为什么我的.innerHTML无效。我创建了一个javascript文件，虽然alert似乎工作正常，但.innerHTML却没有。

function expanddevice(){
  alert('huh?');
  document.getElementbyId("expandservices").innerHTML = "we have great service for iPads";
}

<div class="imgDescription">
  <span><a href="#socialmedia">Devices</a></span>
  <div class="imgcontainer">
    <img onClick="expanddevice()" src="pics/device.png">
  </div>
</div>
<p id="expandservices">Text should appear here:</p>

Answer 1

你有一个错字。

尝试document.getElementById()，它区分大小写。

document.getElementById("expandservices").innerHTML = "we have great service for iPads";

Answer 2

区分大小写：document.getElementById

试试这个

function expanddevice(){

    document.getElementById("expandservices").innerHTML = "we have great service for iPads";
}

Answer 3

检查您的语法 document.getElementbyid（'id'）可能不正确可能会尝试语法

element = document.getElementById（id）;

Answer 4

尝试使用.text或.value，因为.innerHTML适用于div和span。