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

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

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

let username = usernameInput.value;

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

usernameInput.value = "new value";

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

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

上面的代碼使用了querySelectorAll方法，它會返回所有符合條件的元素，將它們存儲在一個類數組對象中。我們可以遍歷該對象，對每個元素進行相應的操作。
例如，我們可以檢查某個checkbox是否選中：

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

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

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

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