js 取页面元素值

// HTML
// <input type="text" id="myInput" value="Hello World">

// JavaScript
var inputValue = document.getElementById("myInput").value;
console.log(inputValue); // 输出: Hello World

// HTML
// <input type="text" class="myInputs" value="Value 1">
// <input type="text" class="myInputs" value="Value 2">

// JavaScript
var inputElements = document.getElementsByClassName("myInputs");
for (var i = 0; i < inputElements.length; i++) {
    console.log(inputElements[i].value); // 输出: Value 1, Value 2
}

// HTML
// <p>First paragraph.</p>
// <p>Second paragraph.</p>

// JavaScript
var paragraphs = document.getElementsByTagName("p");
for (var i = 0; i < paragraphs.length; i++) {
    console.log(paragraphs[i].innerText); // 输出: First paragraph., Second paragraph.
}

// HTML
// <div class="myClass">Content</div>

// JavaScript
var element = document.querySelector(".myClass");
console.log(element.innerText); // 输出: Content

// 如果有多个元素匹配选择器
var elements = document.querySelectorAll(".myClass");
elements.forEach(function(el) {
    console.log(el.innerText);
});