用JavaScript往web文档中空元素填入空白符

Web 文档的结构如下：

<h6>起身椅</h6>
<p class="intro">风格为现代风格，材质为仿皮布，可以展开和收缩，展开的尺寸：长1.7米，宽0.73米，高0.57米</p>
<h6>起身椅</h6>
<p class="intro"></p>

JS程序的代码如下：

if(!document.getElementsByTagName) return;

var ps=document.getElementsByTagName('p');
var pIntroClass, pIntroValue;
for(var i=0;i< ps.length;i++)
{
	pIntroClass = ps[i].className;
	if (ps[i].firstChild == null) 
	{
		pIntroValue = ps[i].nodeValue;
	}
	else 
	{
		pIntroValue = ps[i].firstChild.nodeValue;
	}
	if(pIntroClass.indexOf('intro')!=-1 && pIntroValue==null)
	{
		pIntroValue='&nbsp';
	}
}

步骤如下：

(1)if(!document.getElementsByTagName) return;
进行对象检测
(2)document.getElementsByTagName('p')
获取 p 标签这个元素所有数组集合
(3)for(var i=0; i<ps.length; i++)
for循环遍历 ps。ps[i] 是document.getElementsByTagName('p')中的第i个对象，在上面p的子节点可能是文本节点，在调试过程中发现也可以不是。我们就对它进行判断看看是不是：class含有intro并且它的节点值为 null 的p元素往里面填入空白符&nbsp。

注：更新于：2009年12月23日。以前的：http://bbs.blueidea.com/thread-2803376-1-1.html