Question

所以我有一个运行一些示例图片的html文档。但是我希望这些数据来自javascript文件？这可能吗？

这是我到目前为止所做的：

HTML

       <link rel="stylesheet" type="text/css" href="FrontEnd.css"/>
       <title> Test script for ticker </title>
     </head>
      <div class="container">
     <body>
     <div id="allTop">
        <h1>            

        </h1>
       <div class="clearfix">

        <div class="forecast">
           <div id="pic"></div>
           <div id="forecast"></div>
           <div id="temp"></div>
        </div>
        </div>
       <div id="ticker">

        <marquee>
       <img 

          src="http://www.quackit.com/pix/milford_sound/milford_sound_t.jpg"      
          Width=80 Height=80 alt="Milford Sound in New Zealand" />NewZealand   
          </marquee>

        </div>
         </div>
         <div class="captured">
        <div class="graph"></div>
         </div>   
         </body>
         </div>
       </html>

js功能

            function buildList(){
            var data= [1,2,3,4,5,6,7,8];
            var listitems = document.getElementsByTagName('marquee');

            for(var i = 0; i <= data.length-1;i++){
            var newListItem = data[i] + 'there should be an img coming in  from an array here';
            listitems.innerHTML = newListItem;

            }
        }

所以我对如何将数据附加到此函数的marquee标签感到困惑？

Answer 1

简单附加数据不会写入

function buildList(){
  var data= [1,2,3,4,5,6,7,8];
  var listitems = document.getElementsByTagName('marquee');

  for(var i = 0; i <= data.length-1;i++){
    var newListItem = data[i]; //'<img something /. etc etc
    listitems[0].innerHTML += newListItem;

  }
}

<marquee>从外部js文件接收数据

1 个答案: