为什么按钮内输入<会报XML格式错误而>不会？该如何解决？

你遇到的是XML/XHTML语法的预留字符解析问题，< 是XML语法中定义的标签起始标记，直接作为普通文本写在节点内部时，会被解析器判定为非法的标签起始逻辑，进而抛出格式错误。

最简单的规避方案是用HTML转义实体替换特殊字符：

• 小于号<替换为 <
• 大于号>建议同步替换为 > 避免潜在的解析异常

修改后的HTML代码如下：

<div class="trend-header scroll"> 
    <button type="button" onclick="scrollButtonClick(0)" > &lt; </button>
    <button type="button" onclick="scrollButtonClick(1)" > &gt; </button>
</div>

该方案不需要调整原有CSS代码，字符渲染效果和直接写< >完全一致，不会触发XML格式错误。
如果需要更贴合滚动操作语义的箭头样式，也可以替换为箭头实体：

• 左箭头用 ←，渲染效果为 ←
• 右箭头用 →，渲染效果为 →

内容的提问来源于stack exchange，提问作者Jesper