Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript切换按钮到空白换行/nowrap_Javascript_Html_Css - Fatal编程技术网

Javascript切换按钮到空白换行/nowrap

Javascript切换按钮到空白换行/nowrap,javascript,html,css,Javascript,Html,Css,我试图建立一个切换开关,点击添加或删除空白包装 必须包装的div不能有和ID,因此需要通过它的类来标识它。在本例中为“文本”。在整个页面上,该类只使用一次 我建造了这个,但它不起作用。我哪里出错了 <script> function togglew(){ if(document.getElementsByClassName("text")[0].style.whiteSpace == 'nowrap'){ document.getElementsByCl

我试图建立一个切换开关,点击添加或删除空白包装

必须包装的div不能有和ID,因此需要通过它的类来标识它。在本例中为“文本”。在整个页面上,该类只使用一次

我建造了这个,但它不起作用。我哪里出错了

<script>
function togglew(){    
     if(document.getElementsByClassName("text")[0].style.whiteSpace == 'nowrap'){
      document.getElementsByClassName("text")[0].style.whiteSpace == 'normal';
     }else{
        document.getElementsByClassName("text")[0].style.whiteSpace == 'nowrap';
     }
}
</script>

<a onclick="togglew('');">toggle wrap button</a> 
<br>---<br>
<div style="width:500px;">
    <div class="text" style="overflow:auto;white-space:wrap">ssssssssssd fdfsdfsdf sdf sdf sdf sfd sdf sdf sdf ssdfdddddddddddf sdf sdf sdf sdfsd fsdf sdfsdf sdf sdfsd f</div>
</div>

函数togglew(){
if(document.getElementsByClassName(“text”)[0].style.whiteSpace==“nowrap”){
document.getElementsByClassName(“text”)[0].style.whiteSpace=='normal';
}否则{
document.getElementsByClassName(“text”)[0]。style.whiteSpace==“nowrap”;
}
}
切换换行按钮

---
单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵单兵
=
是比较运算符,其中as
=
是赋值运算符

if
条件内,您应该进行比较(
=
),在块内,您应该进行分配(
=


为了完整性,还有比较运算符
==
,它还检查运算符是否属于相同类型(
=
如果操作数属于不同类型,则执行类型强制)。有关详细信息,请参阅

嗨,马特,真是太棒了!IE仍然存在一个问题,我在那里得到一个错误:对象不支持这个属性或方法。知道出了什么问题吗?在FF和Chrome中工作正常。@Boon:
文档。IE中不支持getElementsByClassName
9@BoonIE是一种头痛(更像是偏头痛)这是图书馆的主要好处之一。我使用“包裹”而不是“正常”:)thx
if(document.getElementsByClassName("text")[0].style.whiteSpace == 'nowrap')
{
    document.getElementsByClassName("text")[0].style.whiteSpace = 'normal';
} else {
    document.getElementsByClassName("text")[0].style.whiteSpace = 'nowrap';
}