HTML使用javascript在单击按钮时显示更多文本

我正试图在我的所有页面中添加一个“阅读更多”按钮，但它不能正常工作。它最初显示所有文本，然后在正常工作后单击。有人能告诉我我做错了什么吗？我也想知道如何格式化按钮的外观也请

页面在这里-

我正在HTML中使用以下代码-

函数myFunction（）{
var dots=document.getElementById（“dots”）；
var moreText=document.getElementById（“更多”）；
var btnText=document.getElementById（“myBtn”）；
如果（dots.style.display==“无”）{
dots.style.display=“inline”；
btnText.innerHTML=“阅读更多”；
moreText.style.display=“无”；
}否则{
dots.style.display=“无”；
btnText.innerHTML=“少读”；
moreText.style.display=“inline”；
}
}

.moretext{
显示：无；
}

用鲜花表达你的爱



当你送花的时候，这是一种非常私人的爱的姿态，我们很清楚这一点。收到鲜花礼物对某人来说是非常难忘的，因为它使他们感到非常特别和被爱。《献给每个人的鲜花》向您保证，我们每一次都做对了。




我们有一系列引人注目的豪华花束，这些花束是在西开普省各地新剪和手工送的；从海角（Sea Point）到海角（Cape winelands）以及更远的地方，这里海角（Sea Point）拥有令人叹为观止的海景和时尚的餐厅，我们面带微笑。





更多

您可以将class=“moretext”添加到span中，这样文本就会像这样被隐藏起来

<span id="more" class="moretext">

---

答案可以在这里找到

您输入的

更多

和

更多文本

不是相同的警告：

不能代替边距！警告：用所有大写字母书写文本可能会导致屏幕阅读器将其视为首字母缩写并逐字拼写。正常写入，并使用CSS的

文本转换来控制其外观。警告：

不能替代
。如果你有多个段落，那么写多个段落。不要在一个段落中写很多双线尖嘴。三个句号（
…
）与水平省略号（
…
）并不相同，即使它在视觉上看起来很相似。如果你不能在键盘上键入…的话，那就看看HTML的
&hellip实体。谢谢。。如何设置按钮的格式？我只想说“无边界阅读更多”欢迎你，米歇尔，我不确定你的意思是“无边界”，你能详细说明你想要什么吗？按钮？我已经改变了答案。这是你想要的吗？你知道为什么这个按钮在移动设备上不起作用吗？不，对不起，我不知道你为什么要问一个新问题。
#myBtn
{
padding: 0;
border: none; like this
}