html,javaScript,jQuery

 <style type="text/css">
.cnt> .cnt2  {display: none;}
#sss{display: none;}
</style>
$(document).ready(function(){
        var j = document.getElementById("courseid").innerHTML;
        if(j == null || j == ''){
            document.getElementById("aaa").style.display="none";
        }else{
            document.getElementById("aaa").style.display="block";
            }
    });

    <p class="cnt2" style="margin-top:10px;">名称:<span id="courseid" class="numberClass"></span></p>
                   </div>
                <div id="aaa" class="cnt">
                <p style="margin-left:180px;">分数：<span>50</span></p>
                <p style="margin-top:-30px">课程id:<span class="numberClass"></span></p>
                </div>

我现在想判断这个名称有值得时候，则将id为aaa的显示，否则。。。。
但是我现在页面一刷新就会闪现id为aaa，闪现之后再隐藏，这是怎么回事？能帮我看一下吗

先把id为aaa的样式设置为隐藏，执行js如果存在则显示，否则不显示。

首先：p标签后面的是什么？
其次：要么就用jquery要么就用js，js的写法

 window.onload = function(){

 }

<meta charset="utf-8"/>
<style type="text/css">
    .cnt{display: none;}
    #sss{display: none;}
</style>
<script>
window.onload=function(){
    var j = document.getElementById("courseid").innerHTML;
    if(j == null || j == ''){
            document.getElementById("aaa").style.display="none";
    }else{
            document.getElementById("aaa").style.display="block";
    }
};
</script>
<div class="cnt">
    <p class="cnt2" style="margin-top:10px;">名称:<span id="courseid" class="numberClass"></span></p>
</div>
<div id="aaa" class="cnt">
    <p style="margin-left:180px;">分数：<span>50</span></p>
    <p style="margin-top:-30px">课程id:<span class="numberClass"></span></p>
</div>