JS获取value值返回undefined

Question

我想获取更新超链接标签中的value值，但是不知道为什么我遍历出来的v值是undefind但是id却是可以获取到我想要的值，请指正一下我的错误谢谢

            <div  style="width:9%;display: flex " >
                <a class="update" style=" background: greenyellow" th:value="${t.goodsId}" th:id="${t.goodsId}">更新</a>
           <!-- <div th:value="${t.goodsId}">更新</div>-->
            <a style=" background: red; margin-left: 5px"  value=""  >删除</a>
            </div>
        </div>
    </div>
    </div>
</div>
</body>

<script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.3.1/jquery.min.js" crossorigin="anonymous"></script>
<!--引入layui的js文件-->
<script type="text/javascript" th:inline="javascript">
    var updates =document.getElementsByClassName('update');
    for (let i=0 ;i<=updates.length;i++){
        const  v=updates[i].value;
        console.log(v);
        updates[i].onclick =function(){
            let id=updates[i].id;
            console.log(id)
            alert(id);
        }
    }
</script>

Answer 1

获取input的值用value，你这里是想获取‘更新’两个字还是？是的话用innerHTML，for循环的时候不加等于

var updates =document.getElementsByClassName('update');
        
        for (let i=0 ;i<updates.length;i++){

            const  v=updates[i].innerHTML;
            console.log(v);
            updates[i].onclick =function(){
                let id=updates[i].id;
                console.log(id)
                alert(id);
            }
        }