Javascript 为什么Div中的“阅读更多”按钮不起作用？

我正在使用divi创建一个网站，我手动添加了一个“阅读更多”按钮，但该按钮不起作用。请帮忙

我使用了一个复杂的代码，我把它缩小到与w3school完全匹配的范围，但它仍然不起作用

函数myFunction{ var dots=document.getElementByIddots； var moreText=document.getElementByIdmore； var btnText=document.getElementByIdmyBtn； 如果dots.style.display==无{ dots.style.display=inline； btnText.innerHTML=阅读更多信息； moreText.style.display=无； }否则{ dots.style.display=无； btnText.innerHTML=读得更少； moreText.style.display=inline； } } 更多{显示：无；} 让我给你讲个故事！！！！！

让我们想象一个男孩。他是一个才华横溢、勤奋敬业的小伙子。他总是想着他将如何学习每一件事，今天他还将学习什么，以及有一天他将如何改变世界。当每个人看到这位先生时都受到鼓舞。有一天，一个人发现这个非凡的小伙子决定离开。。。 大学，就像一棵决定离开阳光的树苗。他对世界永远看不到这一巨大潜力实现的可能性感到震惊。他深入挖掘，发现了最不幸的情况。男孩的父亲是个瘾君子，他的兄弟们几乎不支持他，直到现在他还几乎付不起学费。现在支持消失了。他付不起让球滚动的便士，也付不起让火车轮子朝着他未来的方向转动的便士。想象一下，你的肺被剥夺了智慧的氧气，大脑被剥夺了理性的葡萄糖，静脉里被剥夺了知识的合唱团。 现在想象一下，我国2200万儿童甚至连小学教育都得不到。那个人想帮助他，但他不可能付那么多钱。他以安拉的名字开始要求捐款。他相信人类及其善的潜力。一开始并不容易，但很快他就可以看到水滴变成波浪，波浪变成海洋的力量。他见证了集体利益的力量，见证了比选民更伟大的事物的出现。那天，他因上帝的恩典而谦卑。男孩的费用已经付了，但服务的火焰仍然燃烧着。 那火焰是穆阿温的诞生，那个人就是我，穆罕默德·沙希尔·法鲁克，这个男孩成了朋友，更不用说是个尖子生了

---

阅读更多插入的代码工作正常

更多{显示：无；} 让我给你讲个故事！！！！！

让我们想象一个男孩。他是一个才华横溢、勤奋敬业的小伙子。他总是想着他将如何学习每一件事，今天他还将学习什么，以及有一天他将如何改变世界。当每个人看到这位先生时都受到鼓舞。有一天，一个人发现这个非凡的小伙子决定离开。。。 大学，就像一棵决定离开阳光的树苗。他对世界永远看不到这一巨大潜力实现的可能性感到震惊。他深入挖掘，发现了最不幸的情况。男孩的父亲是个瘾君子，他的兄弟们几乎不支持他，直到现在他还几乎付不起学费。现在支持消失了。他付不起让球滚动的便士，也付不起让火车轮子朝着他未来的方向转动的便士。想象一下，你的肺被剥夺了智慧的氧气，大脑被剥夺了理性的葡萄糖，静脉里被剥夺了知识的合唱团。 现在想象一下，我国2200万儿童甚至连小学教育都得不到。那个人想帮助他，但他不可能付那么多钱。他以安拉的名字开始要求捐款。他相信人类及其善的潜力。一开始并不容易，但很快他就可以看到水滴变成波浪，波浪变成海洋的力量。他见证了集体利益的力量，见证了比选民更伟大的事物的出现。那天，他因上帝的恩典而谦卑。男孩的费用已经付了，但服务的火焰仍然燃烧着。 那火焰是穆阿温的诞生，那个人就是我，穆罕默德·沙希尔·法鲁克，这个男孩成了朋友，更不用说是个尖子生了

阅读更多 函数myFunction{ var dots=document.getElementByIddots； var moreText=document.getElementByIdmore； var btnText=document.getElementByIdmyBtn； 如果dots.style.display==无{ dots.style.display=inline； btnText.innerHTML=阅读更多信息； moreText.style.display=无； }否则{ dots.style.display=无； btnText.innerHTML=读得更少； moreText.style.display=inline； } }

---

我在w3学校的在线编辑器中粘贴了您的准确代码，它对我有效。。。。您错过了for，但这不会在现代浏览器中产生任何问题…您在浏览器控制台中是否遇到任何错误？此外，您缺少结束标记。有

---

应该在我之前，阅读更多按钮仍然出现在整个文本的末尾。不工作听起来很奇怪，因为给定的剪贴提供了一个工作预览，也就是说它没有按应有的方式工作。“阅读更多”按钮出现在整个文本的末尾。它在编辑器中工作正常，但在wordpress上，“阅读更多”按钮出现在文本后面。我已经试了一个小时不同的代码了：你是说它出现在文本后面？如果是，则可能是布局问题。->CSS