格式化“阅读更多”按钮时出现问题答案

【问题标题】：Problem when formatting a "read more" button格式化“阅读更多”按钮时出现问题
【发布时间】：2020-07-29 15:35:34
【问题描述】：

HTML 新手，但总从事计算机工作 40 年，对编程非常了解，而且是大抄袭者。成功地制定了一个多重“多读/少读”结构阅读更多说明，但在为按钮添加格式代码时使用

<Style> .mybutton {...} </style>

并将 onclick 代码更改为

<button class-"mybutton"" onclick="readMore('item1')" class="myBtn">Read more</button>

“阅读更多”按钮不响应并将文本展开超出点。调用按钮格式 myBtn 不能解决问题。不知道为什么，所以寻找专家来帮助我解开这个谜团。提前致谢，杰拉德

【问题讨论】：

【解决方案1】：

如果您传递了准确的代码，则您的 HTML button 标记中有错误。标记中的每个属性都应以双引号开头并以另一个双引号结尾。属性名称应与第一个双引号用等号（而不是破折号）分隔。另外，如果你想对一个标签应用多个类，你应该使用空格将它们分开，如下所示：

<button class="mybutton myBtn" onclick="readMore('item1')" class="myBtn">Read more</button>

但是，您可以去掉 myBtn 类，因为它对您的情况没有用处。

【讨论】：

非常感谢内森！
我确实简化了代码，并在了解它如何工作并进行迭代测试后使其工作。
抱歉，我一直按回车键而不是完成我的 cmets。你真的很有帮助！我知道我对这种类型的编程有多少不了解，但是必须增强网站迫使我学习新技巧，这对老大脑来说应该是有益的。我得想办法给你加分，因为我知道这是 Stackoverflow 的一个功能。
很高兴它成功了。如果您无意中按回车键错误地添加了评论，您可以随时编辑您的评论（而不是添加新评论）。此外，当答案适合您的需要时，您可以对其进行投票并接受它。您可以在 Stackoverflow 帮助中心的 What should I do when someone answers my question? 页面上查看更多信息。