100进来看看.

就算是写成viewtext()也能正常执行
但最好是写成viewtext
估计错误不在最后一句上

事件注册错误
//window.onload=viewtext();
window.onload=viewtext;

其实就是style.display 你写成 style.Display而已其他的都没什么问题<style>
#prwtext{
height: 180px;
border: 1px solid #FFFFFF;
margin-bottom: 5px;
width: 631px;
WORD-BREAK: break-all;
color: #ffffff;
background-color: #000000;
font-weight: normal;
}
</style>
</head>
<body>
<div id="prwtext">
<span></span><br  style="clear:both" />
<span></span><br  style="clear:both" />
<span></span><br  style="clear:both" />
<span></span><br  style="clear:both" />
<span></span><br  style="clear:both" />
</div>  <div id="prwrad">
<label>
<input type="radio" name="textstyle" onclick="textalign(0)" value="centertext" />
Center Text</label>
<label>
<input type="radio" name="textstyle" onclick="textalign(1)"value="alignleft" />
Align Left </label>
<label>
<input type="radio" name="textstyle"onclick="textalign(2)" value="alignright" />
Align Right</label>
<label>
<input type="radio" name="textstyle"onclick="textalign(3)" value="justifytext" />
Justify Text</label>
</div>
<input type="text" name="text" class="ltext" />
<input type="text" name="text" class="ltext" />
<script type="text/javascript">
function textalign(i)
{
var textpreview = document.getElementById("prwtext");
var textdiv = document.getElementById("prwtext").getElementsByTagName("span");

switch(i)
{
case 0:
for(var s=0;s<textdiv.length; s++)
{
textdiv[s].style.display="block";
textdiv[s].style.textAlign="center";
}
break;
case 1:
for (var s=0; s <textdiv.length; s++)
{
textdiv[s].style.display="block";
textdiv[s].style.textAlign="left";
}
break;
case 2:
for (var s=0; s <textdiv.length; s++)
{
textdiv[s].style.display="block";
textdiv[s].style.textAlign="right";
}
break;
case 3:
var width =textdiv[0].offsetWidth;
for(var s=0;s<textdiv.length;s++)
if(width < textdiv[s].offsetWidth)
width = textdiv[s].offsetWidth;

for (var s=0; s <textdiv.length; s++)
{
textdiv[s].style.display="block";
textdiv[s].style.Width = width+"px";
}

for (var s=0; s <textdiv.length; s++)
{
textdiv[s].style.textAlign="justify";
textdiv[s].style.textJustify="distribute-all-lines";
}
break;
default:
textpreview.style.textAlign="left";
break;
}
}
function viewtext()
{
var textpreview = document.getElementById("prwtext").getElementsByTagName("span");
var text = document.getElementsByName("text");   for(var i=0; i<text.length; i++)
{
text[i].setAttribute("num",i);
text[i].onkeyup = function()
{
var num =this.getAttribute("num");
var a = text[num].value;
textpreview[num].innerHTML = a;
}
}
}  window.onload = viewtext;
</script>

现在就是最后一个分散对齐有问题.现在的效果是相对于整个id=prwtext的div对齐.我想要的效果是哪一个span最长就相对于哪个分散对齐

解决了.只因一个Display的d大写了.

解决方案 »