JavaScript作為一門Web編程語言，經常需要獲取網頁中的各種字段，如表單值、HTML元素的屬性值等。下面就讓我們來看看如何使用JavaScript來獲取這些字段。

首先，我們來看看如何獲取表單的值。通過JavaScript可以獲取表單中各個控件的值，如輸入框中的文本、單選框和復選框中的選中狀態等。

//獲取文本框的值
var inputVal=document.getElementById("inputId").value;
//獲取單選框的選中狀態
var radioChecked=document.querySelector('input[name="radioName"]:checked').value;
//獲取復選框的選中狀態
var checkboxChecked=document.querySelector('input[name="checkboxName"]:checked').value;

除了表單的值以外，我們也可以使用JavaScript來獲取HTML元素的屬性值，如元素的ID、class、style等屬性。

//獲取元素的ID
var elemId=document.getElementById("elemId").id;
//獲取元素的class
var elemClass=document.getElementById("elemClass").className;
//獲取元素的style屬性
var elemStyle=document.getElementById("elemStyle").style;

另外，還可以使用JavaScript來獲取元素的位置和尺寸信息，如元素的寬度、高度、位置等。

//獲取元素的寬度
var elemWidth=document.getElementById("elemId").clientWidth;
//獲取元素的高度
var elemHeight=document.getElementById("elemId").clientHeight;
//獲取元素的位置信息
var elemPosition=document.getElementById("elemId").getBoundingClientRect();

總結來說，JavaScript可以獲取網頁中的各種字段，包括表單的值、HTML元素的屬性值以及元素的位置和尺寸信息等。在實際應用中，我們可以根據具體業務需求來選取相應的獲取方法。