如果有人能指出我正确的方向,那将非常感激.
我花了大半天的时间在我的脑子上煎炸,因为它显然不是现代的做法,但是,我的HTML是：
<HTML><head><script type="text/JavaScript" src="moreless.Js"></script></head><body>Lorem ipsum dolor sit amet<p><p ID="textarea"><!-- This is where I want to additional text--></div></p><a onclick="showtext('text')" href="JavaScript:voID(0);">See More</a><p>Here is some more text </body></HTML> 我的JavaScript是(moreless.Js)：
function showtext(){var text="Here is some text that I want added to the HTML file";document.getElementByID("textarea").INNERHTML=text;}解决方法 我的答案类似但不同,有几种方法可以实现切换效果.我想这取决于你的情况.这可能不是最终的最佳方式. 您一直在寻找的缺失部分是创建一个if语句.这允许您切换文本.
More on if statements here.
Jsfiddle：http://jsfiddle.net/8u2jF/
使用JavaScript：
var status = "less";function toggleText(){ var text="Here is some text that I want added to the HTML file"; if (status == "less") { document.getElementByID("textArea").INNERHTML=text; document.getElementByID("togglebutton").innerText = "See Less"; status = "more"; } else if (status == "more") { document.getElementByID("textArea").INNERHTML = ""; document.getElementByID("togglebutton").innerText = "See More"; status = "less" }} 总结 以上是内存溢出为你收集整理的仅使用HTML和JavaScript显示更多/更少的文本全部内容，希望文章能够帮你解决仅使用HTML和JavaScript显示更多/更少的文本所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）