我不明白为什么第一行<div id="42" onclick="clicked(event)">1</div>可以嵌在script里，同时请帮忙补完程

<html><head>
<script>
    document.body.innerHTML = '
        <div id="42" onclick="clicked(event)">1</div>
        <div id="43" onclick="clicked(event)">2</div>
        <div id="44" onclick="clicked(event)">3</div>';    function clicked(event)
    {
      // TODO: Fill in here. Use event.target.
      // TODO: Display an alert containing the id of the clicked div
    }
</script>
</head>
<body></body>
</html>
请高手补完，函数中的程序。我写了很多，总是不能实现功能。

解决方案 »

  1.   

      document.write(
        '<div id="42" onclick="clicked(event)">1</div>'+
      '<div id="43" onclick="clicked(event)">2</div>'+
      '<div id="44" onclick="clicked(event)">3</div>');
      function clicked(event)
      { if(event.currentTarget)
        alert(event.currentTarget.id);
    else{
    alert(event.srcElement.id);
    }
      }
    这样试试  
      

  2.   

    <html><head></head>
    <body></body><script>
      document.body.innerHTML = '<div id="42" onclick="clicked(event)">1</div><div id="43" onclick="clicked(event)">2</div><div id="44" onclick="clicked(event)">3</div>';  function clicked(event)
      {
      // TODO: Fill in here. Use event.target.
      // TODO: Display an alert containing the id of the clicked div
      var t = event.srcElement ? event.srcElement : event.target;
      alert(t.id);
      }
    </script>
    </html>
      

  3.   

    <script>
    // 不能换行
      document.body.innerHTML = '<div id="42" onclick="clicked(event)">1</div><div id="43" onclick="clicked(event)">2</div><div id="44" onclick="clicked(event)">3</div>';  function clicked(event)
      {
      var obj = event.srcElement || event.target;
    alert(obj.id);
      }
    </script>
      

  4.   

    document.body.innerHTML 因为有它。。所以能。。
      

  5.   

    document.body.innerHTML 
    你用这一句，重写了body的HTML，这就是脚本的强大。可以动态改变HTML代码，实现网页上的丰富的交互效果