如何获取 HTML 元素的值？

Question

我有一个问题，如何使用 javaScript 和 Jquery 获取元素的值？我已经尝试过这个并且错误 sad .val() is not a function 我找不到任何解决方案。我发现的 Everithink 告诉我它不是函数。谢谢回复。

const btn = $('.btn');
let example = $('#example');
let result = $('#result');
var test = btn.value;


btn.on('click', function(){
    console.log($(this).val());
})

.btn{
    border-radius: 5px;
    margin-top: 3vh;
    float: left;
    margin-left: 4%;
    width: 20%;
    height: 12vh;
    background: red;
    line-height:12vh;
    text-align: center;
    font-size:300%;
    font-weight: bold;
}

            <div class="btn" val="1">1</div>

**

**

Answer 1

要获取 innerHTML，您可以使用此纯 JS 代码

<div id="myButton" class="btn" val="1">1</div>

const button = document.getElementById('myButton');
const value = value.innerHTML;

你应该有它的价值

:)

Answer 2

你可以用 $(this).attr 做这个

val() 仅适用于输入或按钮

const btn = $('.btn');
let example = $('#example');
let result = $('#result');
var test = btn.value;


btn.on('click', function(){
    console.log($(this).attr('val'));
   
})

.btn{
    border-radius: 5px;
    margin-top: 3vh;
    float: left;
    margin-left: 4%;
    width: 20%;
    height: 12vh;
    background: red;
    line-height:12vh;
    text-align: center;
    font-size:300%;
    font-weight: bold;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<div class="btn" val="1">1</div>

**

如何获取 HTML 元素的值？

How to get value of the HTML element?

html

javascript

jquery