js如何动态增加一个单选框

 var d=document.getElementById("d");

var p=document.createElement("p");
p='<label for="yes">正常</label>';
p=p+'<input type="radio" name="exception" id="y"/>';
p=p+'<label for="no">异常</label>';
p=p+'<input type="radio" name="exception" id="n"/>';
$p=$(p);
d.appendChild($p);

我发现这样写不对，哪里需要改进的？？

是innerHTML属性，而且radio和label的for不匹配

 <div id="d"></div>
<script>
    var d=document.getElementById("d");

var p=document.createElement("p");
p.innerHTML='<label for="yes">正常</label>';
p.innerHTML = p.innerHTML + '<input type="radio" name="exception" id="yes"/>';
p.innerHTML = p.innerHTML + '<label for="no">异常</label>';
p.innerHTML = p.innerHTML + '<input type="radio" name="exception" id="no"/>';
//////////////$p=$(p);
d.appendChild(p);
</script>