Javascript getElementById innerHTML未定义

当我在同一个

中有

item1

和

item2

时，

item2

返回

world

，但

item1

返回

未定义的

function Delivered(xCode, tNo) {
    document.getElementById("item1").innerHTML = "hello";
    document.getElementById("item2").innerHTML = "world";
}

但是，如果我只是删除
，
item1
再次报告
hello

<div id="details"> 
    <div class="right" id="rightDIV">content...<span id="item1"></span>..inserted here</p>
    <p> more content...<span id="item2"></span>
    </div>
</div>

这是我的剧本：

#details { 
  height:200px; 
  width:600px; 
  font-family: Tahoma;
  color: #000; 
  margin: 0px;
  font-size: 12px; 
}
#details .left{ 
  width:33%; 
  height:200px; 
  padding: 15px; 
  background-color: #fff; 
  float: left;
  overflow:hidden;
  visibility: hidden;
}
#details .right{ 
  width:40%;
  height:200px; 
  padding: 15px; 
  background-color: #ccc; 
  float: left;
  overflow:hidden;
  visibility: hidden;
}

function Delivered(xCode, tCode) {
  document.getElementById("leftDIV").style.visibility = "visible";
  document.getElementById("rightDIV").style.visibility = "visible";
  document.getElementById("item3").innerHTML = tCode;
  document.getElementById("item1").innerHTML = tCode;
  document.getElementById("item2").innerHTML = xCode;
}

我不确定要粘贴多少代码，因为我不确定相关内容：）
在编写js代码后，您忘记调用函数了

function Delivered(xCode, tNo) {
    document.getElementById("item1").innerHTML = "hello";
    document.getElementById("item2").innerHTML = "world";
} 

Delivered();

在html中，p元素是关闭的，但从未打开过

 <div id="details"> 
   <div class="right" id="rightDIV">
    content...<span id="item1"> </span>..inserted here</p> -----> Here
    you opened but never closed <--------- <p>more content...<span id="item2"></span>
    </div>
</div>

还有像这样的html

<div id="details"> 
   <div class="right" id="rightDIV"><p>content...<span id="item1"></span>..inserted here</p>
       <p> more content...<span id="item2"></span></p>
   </div>
</div>


内容…插入此处

更多内容

当您使用“id”属性来定位元素时，元素在其他元素中的位置没有任何区别。你的问题不清楚。这段代码可以正常工作：我没有看到预期的结果，到目前为止一切都很好：为什么要关闭一个从未打开过的
p
标记？你需要调用该函数。是的，该函数正在别处调用。第2项和第3项在调用传递的函数时返回值。但第1项不是。看这里@user2870775
function delivered(xCode, tNo) {
    document.getElementById("item1").innerHTML = "hello";
    document.getElementById("item2").innerHTML = "world";
}

delivered();

<div id="details"> 
   <div class="right" id="rightDIV"><p>content...<span id="item1"></span>..inserted here</p>
       <p> more content...<span id="item2"></span></p>
   </div>
</div>