在Laravel环境中，通过JavaScript的getAttribute和setAttribute方法，可以实现点击按钮时更改其状态。首先，为HTML按钮元素添加自定义属性values，并根据后端数据设定初始状态。然后，设置点击事件clickss，当按钮被点击时，该事件会改变按钮的values属性，从而更新按钮的视觉状态。这种方法在涉及前后端交互的场景中特别有用。
1.前提：
代码环境：laravel
需求：更改html某一组件状态（我这里是按钮）
重点： 两个方法 getAttribute() setAttribute()
2.实现：
按照需求给组件添加自定义属性（可加可不加，根据具体情况，也可以用自身属性），我这里需要改变的是按钮状态，所以在
当前button 增加一个自定义属性values。
加载页面初始显示根据代码中的判断条件显示按钮的values属性和按钮字体
通过按钮点击事件clickss()实现按钮状态的改变
HTML
```
<button οnclick="clickss({
{$paper->id}},{
{$paper->is_paper_questions}})" id="{
{$paper->id}}change_btn" @if($paper->is_paper_questions==1) class="layui-btn layui-btn-sm layui-btn-danger" values="remove"@else class="layui-btn layui-btn-sm layui-btn-normal" values="add" @endif > @if($paper->is_paper_questio
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
