iframe 问题！ 一个页面中有两个层A、B,A层中包含iframeA,B层中包含iframeB,iframeB中嵌套iframeD,如何在iframeA中控制ifrmameD显示内容?

<!--main html page-->
<iframe src="a.htm" width="300" height="300" id=a><br>
<iframe src="b.htm" width="200" height="300" id=b><br>
<!--a.htm-->
<html><script language="javascript">
function addStrtod()
{
parent.frames.frames("b").frames("d").spanStr.innerText="HelloWorld";
}
</script>
<body>
<form name="mainform">
<input type="button" value="add the value to iframeD" onclick="addStrtod();">
</form>
</boby>
</html>
<!--b.htm-->
<iframe src="d.htm" width="150" height="85" id=d>
<!--d.htm-->
<span id=spanStr></span>