js 取得input 元素值

<input type="text" id="myInput">

// 获取元素
var inputElement = document.getElementById('myInput');
// 获取值
var inputValue = inputElement.value;
console.log(inputValue);

<input type="text" class="myInputClass">

// 获取所有具有该类名的元素
var inputElements = document.getElementsByClassName('myInputClass');
for (var i = 0; i < inputElements.length; i++) {
    console.log(inputElements[i].value);
}

// 获取所有input元素
var inputElements = document.getElementsByTagName('input');
for (var i = 0; i < inputElements.length; i++) {
    console.log(inputElements[i].value);
}

<input type="text" class="myInputClass">

// 获取第一个匹配的元素
var firstInputElement = document.querySelector('.myInputClass');
console.log(firstInputElement.value);

// 获取所有匹配的元素
var allInputElements = document.querySelectorAll('.myInputClass');
allInputElements.forEach(function(input) {
    console.log(input.value);
});

document.addEventListener('DOMContentLoaded', function() {
    var inputValue = document.getElementById('myInput').value;
    console.log(inputValue);
});