如何innerHTML pre标签的内容

how to innerHTML a content of pre tag

您好,我的浏览器上有一个 FTP 网站,例如 ftp://ftp.bom.gov.au/anon/gen/clim_data/IDCKWCDEA0/tables/stations_db.txt

我正在尝试使用 document.getElementsByTagName('pre').innerHTML 它返回 udefined。 有人可以告诉我为什么我无法获取

的内容吗
`<html><head><link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css" title="Wrap Long Lines"></head><body><pre>015590  NT  15B   ALICE SPRINGS AIRPORT                    19400101..      -23.7951 133.889   
014272  NT  14GA  BATCHELOR AIRPORT                        19920813..      -13.0545 131.0252  
014723  NT  14DE  BORROLOOLA AIRPORT                       19871107..      -16.0755 136.3041  
014954  NT  14GA  BRADSHAW                                 19980529..      -14.9408 130.8092  
014627  NT  14DE  BULMAN                                   20021010..      -13.6714 134.3414  
014909  NT  14GA  CENTRAL ARNHEM PLATEAU                   20030731..      -13.3275 133.0861  
014703  NT  14DE  CENTRE ISLAND                            19680101..      
  </pre>
 </body>
</html>`

document.getElementsByTagName returns 一个数组,而不是单个元素。您需要指定要修改的已获取元素中的哪个元素。试试

document.getElementsByTagName('pre')[0].innerHTML

或者,更好的解决方案是给 pre 一个 id,这样你就可以精确地定位它(因为它可能发生,pre 不会是第一个元素按照我假设的方式获取 [0])

document.getElementById('pre-element').innerHTML