JavaScript实现文字收缩? 在asp页面中,当文字过长时,怎么用JavaScript实现文字收缩,当点击收缩文字(如“详情”)时即可展开查看全部内容! 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 还不如 js对div操作, 对其的属性 display 显隐属性 进行操作, 触发就可以了吧 <html> <head> <meta http-equiv= "Content-Type " content= "text/html; charset=utf-8 "> <title> 新建网页 2 </title> <style type="text/css"> .hidden{ display:none; }</style><script type="text/javascript"> window.onload = function(){ document.getElementById("test").innerHTML = document.getElementById("test").innerHTML.replace(/^([\s\S]{100})([\s\S]*)$/,"$1<a href='javascript:void(0)' onclick='displays(this)'>[详细]</a><span name='more' class='hidden'>$2</span>"); }; function displays(dom){ var i = dom.nextSibling.innerHTML; i = document.createTextNode(i); var parent = dom.parentNode; parent.removeChild(dom.nextSibling); parent.removeChild(dom); parent.appendChild(i); //dom.parentNode.innerHTML += i; }</script> </head> <body> <div id="test">《华尔街日报》的文章称,“苏联解体一年后,极度缺钱的克里姆林宫开始向中国销售其庞大的武器库,包括俄罗斯空军的骄傲──苏-27战斗机。”按照该报的说法,中国一直从俄罗斯进口武器并对这些武器进行“反向开发”,发展出了歼-11B战斗机,“中国工程师不光‘克隆’出苏-27的航空电子设备和雷达,还安装了最后一个零件——中国产喷气式引擎”。显然,西方将中国的歼-11B战斗机简单认定为俄制苏-27的仿制品。这种以偏概全的说法不可避免地遭到了多方驳斥。 事实上,一些西方军事媒体同样认为歼-11B并非苏-27的仿制品。澳大利亚《空军力量》杂志日前就披露了中国歼-11B型战斗机的最新研发动态,并称其与苏-27SK战斗机有很多不同点,不能单纯将其看作是苏-27SK的“克隆机”。文章指出,歼-11B型的机身和引擎与苏-27SK相似,但歼-11B型的一些系统与苏-27SK完全不同,在衍射平显、红外搜索跟踪系统和玻璃化座舱等方面都显示出独特设计。 更权威的说法来自苏-27的“娘家”。早在几年前,俄罗斯苏霍伊公司总裁米哈伊尔·波戈相就曾表示,某些媒体有关中方仿造苏霍伊战机的说法“纯属外行”,因为早在1996年俄方就向中方出售了苏-27SK的知识产权。波戈相强调,俄罗斯官方也从来没有对中方提出过“仿造质疑”,“我们坚信中方制造的战机含有自己的技术成分和国产部件。美国等‘专家’也许想在俄方售给中方的知识产权上做文章。我希望我们的中国同行坚定自己的立场,不要被挑拨离间所左右。” 由此可见,歼-11B虽与苏-27系列在外形上很相像,但确实是有中国血统的新式战斗机,而西方用其大做文章,很可能存有挑起中俄军贸冲突的不良居心。</div></body> </html> 谢谢科长了!能不能帮忙解释一下:window.onload = function(){ document.getElementById("test").innerHTML = document.getElementById("test").innerHTML.replace(/^([\s\S]{100})([\s\S]*)$/,"$1<a href='javascript:void(0)' onclick='displays(this)'>[详细]</a><span name='more' class='hidden'>$2</span>"); }; function displays(dom){ var i = dom.nextSibling.innerHTML; i = document.createTextNode(i); var parent = dom.parentNode; parent.removeChild(dom.nextSibling); parent.removeChild(dom); parent.appendChild(i);本人对JavaScript有些了解,但是dom知识却很缺乏!谢谢! 这些dom可以参考下这个http://www.w3school.com.cn/xmldom/dom_nodes_remove.asp解释不如自己看的好 FLV多文件播放问题 请教一个在js中调用jsr问题 [求助]关于JS事件模型 如何实现向下钻取的功能! 两个超简单的问题---急 如何模拟"SHITF"+"TAB",谢谢啦 请教:js扫描系统进程 查看注册表是如何实现的? 如何关闭窗口? 请教相除问题! 文本框中有字符“2003.12.25”,如何实现点击2003选择2003? 请教各位如下效果怎么实现? ExtJs 的menu如何添加mouseover事件
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=utf-8 ">
<title> 新建网页 2 </title>
<style type="text/css">
.hidden{
display:none;
}
</style>
<script type="text/javascript">
window.onload = function(){
document.getElementById("test").innerHTML = document.getElementById("test").innerHTML.replace(/^([\s\S]{100})([\s\S]*)$/,"$1<a href='javascript:void(0)' onclick='displays(this)'>[详细]</a><span name='more' class='hidden'>$2</span>");
};
function displays(dom){
var i = dom.nextSibling.innerHTML;
i = document.createTextNode(i);
var parent = dom.parentNode;
parent.removeChild(dom.nextSibling);
parent.removeChild(dom);
parent.appendChild(i);
//dom.parentNode.innerHTML += i;
}
</script>
</head>
<body>
<div id="test">《华尔街日报》的文章称,“苏联解体一年后,极度缺钱的克里姆林宫开始向中国销售其庞大的武器库,包括俄罗斯空军的骄傲──苏-27战斗机。”按照该报的说法,中国一直从俄罗斯进口武器并对这些武器进行“反向开发”,发展出了歼-11B战斗机,“中国工程师不光‘克隆’出苏-27的航空电子设备和雷达,还安装了最后一个零件——中国产喷气式引擎”。显然,西方将中国的歼-11B战斗机简单认定为俄制苏-27的仿制品。这种以偏概全的说法不可避免地遭到了多方驳斥。 事实上,一些西方军事媒体同样认为歼-11B并非苏-27的仿制品。澳大利亚《空军力量》杂志日前就披露了中国歼-11B型战斗机的最新研发动态,并称其与苏-27SK战斗机有很多不同点,不能单纯将其看作是苏-27SK的“克隆机”。文章指出,歼-11B型的机身和引擎与苏-27SK相似,但歼-11B型的一些系统与苏-27SK完全不同,在衍射平显、红外搜索跟踪系统和玻璃化座舱等方面都显示出独特设计。 更权威的说法来自苏-27的“娘家”。早在几年前,俄罗斯苏霍伊公司总裁米哈伊尔·波戈相就曾表示,某些媒体有关中方仿造苏霍伊战机的说法“纯属外行”,因为早在1996年俄方就向中方出售了苏-27SK的知识产权。波戈相强调,俄罗斯官方也从来没有对中方提出过“仿造质疑”,“我们坚信中方制造的战机含有自己的技术成分和国产部件。美国等‘专家’也许想在俄方售给中方的知识产权上做文章。我希望我们的中国同行坚定自己的立场,不要被挑拨离间所左右。” 由此可见,歼-11B虽与苏-27系列在外形上很相像,但确实是有中国血统的新式战斗机,而西方用其大做文章,很可能存有挑起中俄军贸冲突的不良居心。</div>
</body>
</html>
谢谢科长了!
能不能帮忙解释一下:window.onload = function(){
document.getElementById("test").innerHTML = document.getElementById("test").innerHTML.replace(/^([\s\S]{100})([\s\S]*)$/,"$1<a href='javascript:void(0)' onclick='displays(this)'>[详细]</a><span name='more' class='hidden'>$2</span>");
};
function displays(dom){
var i = dom.nextSibling.innerHTML;
i = document.createTextNode(i);
var parent = dom.parentNode;
parent.removeChild(dom.nextSibling);
parent.removeChild(dom);
parent.appendChild(i);本人对JavaScript有些了解,但是dom知识却很缺乏!谢谢!
http://www.w3school.com.cn/xmldom/dom_nodes_remove.asp解释不如自己看的好