hover 是jquery里面提供的方法，不是js原生的方法所以搞不出来，你应该引入jquery文件。
引入以后直接用jquery写呗，
$(function(){
var href=$("a","#contain");
var p=$("p","#contain");

//href.foreach(function(i){
$.foreach(href,function(index,i){
    i.hover(function(){
        i.removeClass().addClass('active');
        p[index].attr("display",'none')
    });
});

});

js不支持hover事件吧。
你这是在做什么？导航？

<ul>
    <li><a href="##">首页</a></li>
    <li><a href="##">文章中心</a>
        <ul>
            <li>asdfasdf</li>
        </ul>
    </li>
    <li><a href="##">产品中心</a></li>
    <li><a href="##">关于我们</a></li>
</ul>

你那边抛出的异常就是找不到对于的p了。因为你a太多了。你应该起个class或者是什么，评论里放不了图片。

hover是css样式里面的，js里面是onmouseover 所以搞不出来

结合CSS中hover伪类及display显示和隐藏就可以，或者用JS设置点击/鼠标移入/鼠标移出事件触发处理函数来实现也是可以的。