的getElementById innerHTML的不確定

-2

當我在同一個<div class>有item1和item2，item2回報world但item1回報undefined。的getElementById innerHTML的不確定

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

但是，如果我只是刪除<span id="item2"></span>，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>

我試圖把item2在新<div class>但仍然不成功。我究竟做錯了什麼？

編輯：我可以發佈原始代碼嗎？對不起，第一篇文章。

<div id="details"> 
    <div class="left" id="leftDIV">item: <b><span id="item3"></span></b> 
    <p>via <b>airmail;</b></p> 
    </div> 
    <div class="right" id="rightDIV">Status: <b>active</b> 
     <p>item with reference <span id="item1"></span> content here <span id="item2"></span></p> 
     <p>Thank you&trade;</p> 
    </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; 
}

我不知道有多少代碼粘貼因爲我不知道什麼相關:)

來源

2015-10-14 user2870775

在其他元素內部放置元素不會當你使用「id」屬性來定位它們時有所不同。你的問題不清楚。 – Pointy

這段代碼現在可以正常工作：http://codepen.io/paulroub/pen/rOGmzB?editors=101 –

它對我來說工作正常 – Jesse

你忘了調用該函數後你寫了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>

做這樣的JS中

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

delivered();

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

來源

2015-10-14 19:24:44

是的函數正在其他地方調用。項目2和3在函數Delivered被調用時返回值。但項目1不是。 – user2870775

http://jsfiddle.net/dr866fy6/在此處查看@ user2870775 –

的getElementById innerHTML的不確定

回答

相關問題