訪問Javascript創建的跨度元素，不會出現在HTML源代碼中

我試圖訪問一系列以特定字符串MTG_INSTR開頭的span標籤，但這些span標籤不會出現在靜態HTML文件中該網站在我查看時（右鍵點擊 - >查看頁面源代碼），但當我在（右鍵點擊 - >檢查 - >元素）下查看它時，它顯示在Chrome中。我看了看靜態的HTML代碼，它具有訪問Javascript創建的跨度元素，不會出現在HTML源代碼中

<div id="ptifrmtarget"><iframe id="ptifrmtgtframe" name="TargetContent" 
title="Main Content" frameborder="0" scrolling="auto" onload="ptrc.onLoadTC()" 
src="URL EX" style="width: 1440px; height: 336px;"></iframe> </div>

然後當我認爲通過檢查頁面 - >元素，他們在原來的靜態HTML插入#document標籤在這最後兩個標記之間

</iframe> 
    #document 
     <!DOCTYPE html> 
     <html class="pc chrome mac psc_dir-ltr psc_form-xlarge" dir="ltr" 
     lang="en"> 
     ..................................................................... 
     ..................................................................... 
     ..................................................................... 
     href="javascript:DoBack('win0')" style="visibility:hidden" aria- 
     hidden="true"> 
     </a></div></body></html> 

</div>

我刪除了很多代碼，因爲它包含了許多表/表條目，最終導致包含我想提取的教師名稱的所需span元素。有一個數字，我想抓住這些老師span標籤，他們按照這個格式

<div id="win0divMTG_INSTR$0"><span class="PSLONGEDITBOX" 
id="MTG_INSTR$0">EXAMPLE NAME</span> 
</div>

我被告知我可以使用jQuery，因爲它與當前的DOM對象的作品，但它目前沒有與這條線工作

$("span[id^=MTG_INSTR]").text('text');

來源

2017-05-18 Luke

內容被視爲一個全新的頁面，這就是爲什麼你需要先針對該iframe –

見http://stackoverflow.com/a/1639342/636009 –

DOM是文檔對象模型。 iframe是全新的'window'和'document'。查詢總是作用於文檔（或元素） –

您需要定位的內容。嘗試：

iframe內

$('#ptifrmtgtframe').contents().find("span[id^=MTG_INSTR]").text('text');

來源

2017-05-18 23:02:34 j08691

謝謝，它工作！ – Luke

訪問Javascript創建的跨度元素，不會出現在HTML源代碼中

回答

相關問題