在Javascript中，我們常常需要操作頁(yè)面上的元素。如果我們已知元素的name，那么我們可以利用這個(gè)name屬性來(lái)獲取這個(gè)元素，并進(jìn)行相應(yīng)的操作。
舉個(gè)例子，假設(shè)我們頁(yè)面上有一個(gè)input元素，name為“username”。那么我們可以使用以下代碼獲取該元素：

let usernameInput = document.querySelector("input[name='username']");

上面這行代碼使用了querySelector方法，該方法可以以CSS選擇器的方式檢索元素。我們使用了選取器“input[name='username']”，表示選擇name為“username”的input元素。
接下來(lái)我們可以使用該變量來(lái)操作該元素，例如獲取它的值：

let username = usernameInput.value;

同樣地，我們也可以更改該元素的值：

usernameInput.value = "new value";

此外，我們還可以利用name屬性來(lái)獲取具有相同name屬性的一組元素。例如，我們頁(yè)面上有多個(gè)checkbox元素，它們的name都是“interests”。那么我們可以使用以下代碼來(lái)獲取這一組元素：

let interestCheckboxes = document.querySelectorAll("input[name='interests']");

上面的代碼使用了querySelectorAll方法，它會(huì)返回所有符合條件的元素，將它們存儲(chǔ)在一個(gè)類數(shù)組對(duì)象中。我們可以遍歷該對(duì)象，對(duì)每個(gè)元素進(jìn)行相應(yīng)的操作。
例如，我們可以檢查某個(gè)checkbox是否選中：

interestCheckboxes[0].checked; // 返回true或false

或者我們可以將所有checkbox都設(shè)置為選中：

interestCheckboxes.forEach(function(checkbox) {
checkbox.checked = true;
});

總之，通過(guò)元素的name屬性，我們可以方便地獲取和操作該元素。我們只需要利用querySelector或querySelectorAll方法來(lái)檢索即可。現(xiàn)在你可以在你的Javascript代碼中，自如地操控各種元素了！