html js 校验文本框 设置span颜色字体

1.给span设置提示文字 ,设置文字大小，字体颜色

<span style="font-size:18px;"><input type="text" id="name" id="name"/><span id="warring"><span>
<script type="text/javascript">
var name=document.getElementById("name").value;
if(name=''){
document.getElementById("warring").innerHTML='姓名不能为空';
document.getElementById("warring").style.fontSize='12px';
document.getElementById("warring").style.color='red';
}
</script></span>