table的css样式设成overflow: hidden; white-space: nowrap; text-overflow: ellipsis，能将超出的部分用省略号显示
个人建议：用标签判断一下内容长度，如果超出，加<a onclick="disp(id)">显示全部</a>
//id为隐藏部分的id
function disp(id)
{
var mydisp = documentgetElementById(id);
mydispstyleoverflow=visible;
}
这个方法是我临时写的，可能不好使，但是思想是很明显的，仅供参考
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：indexhtml，编写问题基础代码。
2、在indexhtml中的<script>标签，输入js代码：$('button')click(function () {$('#123')css('display', 'block');});。
3、浏览器运行indexhtml页面，此时点击btn按钮后，div的内容成功被显示了出来。
这个一般是用在列表就是模板有循环输出的，如果知道是固定的就没多大意思了，我这边给你部分代码，主要给你思路
//美食分类
<!--{foreach from = $list_cates item=list}-->
<div class="filtersingle"><label style="color:#0033FF" onClick="toggle({$listcate_id})">{$listcate_name}</label></div>
<!--{/foreach}-->
<div class="filtersingle"><label style="color:#0033FF" onClick="toggle(0)">所有美食</label></div>
//这是模板美食列表注意DIV的ID
<!--{foreach from=$goods_list item=good_list key=key}-->
<div id="tab{$key}"> 列表内容</div>
<!--{/foreach}-->
//一个隐藏域
<input type="hidden" id="cate_id_str" value="{$cate_id_str}">
说明 :这个{$cate_id_str}是那些{$key}的值（同时也和上面的这个{$listcate_id}的相等，就是分类的id，这个美食列表的键值就是对应的分类id的值）的字符串（用逗号隔开,可以在后台处理好）
好了，js代码
<script type="text/javascript">
function toggle(num){
var str = $('#cate_id_str')val();//得到那个ID的字符串
var str_array = new Array();
str_array = strsplit(','); //分割成数组
for(var i=0;i < str_arraylength;i++){
if(str_array[i]!='' && str_array[i]!=null){
//这个是显示所有分类下的美食列表
if(num==0){
var id='#tab'+str_array[i];//获取对应的DIV的id(就是tab1,tab2等等)
$(id)show();
}else{
if(str_array[i] !=num){
var id='#tab'+str_array[i];//非当前点击的美食分类
$(id)hide();//隐藏对应的美食列表
var id='#tab'+num;//点击当前的美食分类
$(id)show();//显示对应的美食列表
}
}
}
}
}
</script>
好了，应该能看明白了吧
步骤：
1、构造好页面内容。
2、在css中设置一个隐藏类hide，类的样式为display：none；设置显示类show，样式为display：block。
3、给需要隐藏的内容设置类名为hide，这样就隐藏了控件。
4、在js标签中，通过控件的类名或者id获取到隐藏对象obhide以及需要监控的对象ob2，再对ob2对象设置onmouseover方法。 在这个方法中，将bohide的类名hide更换成show。这样，在鼠标进入ob2控件之中，就会显示隐藏的obhide的内容。
5、对ob2对象设置onmouseout方法，在这个方法中，将bohide的类名show更换成hide，这样，在鼠标离开ob2控件，就会隐藏obhide的内容。
建议你使用jquery，用起来方便，很多js的东西都能很好的实现，我这边就不给你代码了只给你说下思路，首先写一个事件触发函数，函数为当收到<li>值得时候然后改变隐藏按钮的值，接下来就简单了，当鼠标触发摸个事件的时候，就调用这个函数。很容易解决！自己研究下！
隐藏时通过 js 把 C 删除，显示时再创建一个 frame指向chtml，并添加到 frameset。
例如：在框架页面定义：
windowshowC = function (visible) {var fs = documentgetElementById("fs");
if(visible) {
var frame = documentgetElementById("C");
if(!frame) {
frame = documentcreateElement("frame");
frameid = "C";
framename = "C";
framesrc = "chtml";
fsappendChild(frame);
}
} else {
var frame = documentgetElementById("C");
if(frame) {
fsremoveChild(frame);
}
}
}
在 bhtml 页面调用：
<button onclick="parentshowC(true);">show C</button><button onclick="parentshowC(false);">Hide C</button>
1
修改div标签内的内容：
documentgetElementById(“nav”)innerHTML
=
"新内容";
2
如果控制层的隐藏和现实最好不用
display
，因为设置为该属性后，其元素还是会占用那个空间的，建议用visibility
=
"hidden"
or
visibility
=
"none"
documentgetElementById("nav")stylevisibility
=
"hidden"//不显示
documentgetElementById("nav")stylevisibility
=
"none"//显示
以上就是关于JS(JavaScript)控制div显示与隐藏.全部的内容，包括:JS(JavaScript)控制div显示与隐藏.、JS 获取div子元素,隐藏div、js显示和隐藏div如何修改等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）