Javascript是一门广泛用于网页开发和前端技术的编程语言，与网页的设计和实现密切相关。它是一种面向对象的程序语言，同时也是个功能强大的脚本语言。Javsacript在网页开发中有着非常广泛的应用。在这篇文章中，我们主要讨论如何取name属性的问题。

在HTML中，name是一种非常常见的属性，它用于将表单元素和一些其他元素分组。该属性用于定义表单元素的名称或识别符，以及表单数据在提交到服务器时的唯一标识符。在Javascript中，我们可以使用一些方法来获取这个属性的值。

可以使用document.getElementsByName()方法来获取一个元素组，并根据元素的name属性根据元素名称进行过滤，返回一个NodeList对象，NodeList对象是一个类似数组的对象，它可以被循环，每个DOM元素都可以通过索引访问。

// 获取元素组
var elements = document.getElementsByName("username"); 
// 访问第一个元素
var firstElement = elements[0];

上述代码获取名称为"username"的元素组，并访问该组的第一个元素。需要注意的是，getElementsByName()方法返回的是一个类似数组的对象，而不是数组本身，因此需要通过索引来访问它。

另一种获取name属性值的方法是使用Element.name属性，它返回给定元素的名称属性的值。下面是一个简单的示例代码：

<input type="text" name="username" value="John Doe">
var inputField = document.querySelector("input[name='username']");
var name = inputField.name;
console.log(name); // "username"

上面的代码通过document.querySelector()方法选择一个带有"name"属性的input元素，并使用Element.name属性来获取该元素的name属性值，最后将该值输出到浏览器的控制台中。

另一种方法是使用getAttribute()方法获取name属性，该方法可以获取元素的属性值，对于该方法而言，必须传入需要获取的属性名作为参数。下面是一个解释例子，我们可以看到name属性被作为一个参数传递给getAttribute()方法。

var inputField = document.querySelector("input[name='username']");
var name = inputField.getAttribute("name");
console.log(name); // "username"

在上面的例子中，我们使用querySelector()方法来选择一个带有"name"属性的input元素，并将返回的元素存储在变量inputField中。接下来，我们使用getAttribute()方法来获取该元素的name属性，并将该值存储在变量name中。最后，我们将name值输出到浏览器的控制台。

以上就是如何获取一个元素的name属性值的几种方法。在实际应用中，我们应根据具体情况选择最合适的方法，并结合其他的DOM方法一起使用。