Javascript设置div名称值？

Question

我在这里做了这个随机消息显示器：

<div class="MessageBar">

   <div id="Messages" name="Item">
      <div class="style9">
         Message 1
      </div>
   </div>

   <div id="Messages" name="Item">
      <div class="style7">
     Message 2
      </div>
   </div>

</div>


<script>
    var divs = document.getElementsByName('Item');

    for(var i=0;i<divs.length;i++)
        divs[i].style.display = 'none';
        var visibleDiv;

        setInterval(function () {

        var nextDiv;

        if(visibleDiv)
            visibleDiv.style.display = 'none';
            do
                {
                    nextDiv = divs[Math.floor(Math.random() * divs.length)];
                }

    while(nextDiv == visibleDiv);
        visibleDiv = nextDiv;
        visibleDiv.style.display = 'block';
    },6000);

</script>

这两条消息的div名称值设置为＆＃34; Item＆＃34;使脚本随机化消息。我怎么能用div在div上设置div名称值，这样当调用函数时它会被添加到随机消息中？谢谢！

我需要通过javascript设置名称值的消息3是这样的：

<div id="Messages"> <<<---"Starts with no name value"
    <div class="style7">
    Message 3
    </div>
</div>