如何在Javascript中获取属性的值答案

【问题标题】：How to get the value of an attribute in Javascript如何在Javascript中获取属性的值
【发布时间】：2016-06-17 11:13:47
【问题描述】：

我有这个输入行，我正在尝试提取 value 属性的文本：

    <input type="text" class="card-input small-font" 
ng-value="paymentVia.typeDisplay" readonly="" value="Credit card">

函数getAttribute("class") 工作正常，它返回card-input small-font，但函数getAttribute("value") 返回null。我也试过 .value 但这会返回一个空字符串。

有人知道为什么会这样吗？

这是我的 JS：

function() {
   var x = document.getElementsByClassName("card-input small-font");
   var payment =x[18].value;

   return payment;
}

【问题讨论】：

显示你的html和你的javascript。
使用.value 属性而不是attribute..
我添加了 html，但它以某种方式从问题中删除了：/ 我会尝试再次添加它。我尝试了 .value 但它没有用：/
@TamaraCaligari 函数需要如下名称：function foo(){} 我在您的示例中没有看到名称。
@samayo 该功能是为 Google Tag Manager 创建一个自定义变量，我们不使用函数名称。有关示例，请参见此处：apasters.com/blog/…

标签： javascript getattribute

【解决方案1】：

Node values 和 Element Attributes 是 html 标签的不同部分。所以，你必须改用element.value。

这是一个示例，向您展示如何从输入字段中获取 value、data、attribute。

HTML 输入字段。

<input type="text" id="profile" data-nationality="Eritrean" value="Simon">

还有 javascript。

var el = document.getElementById("profile"); 

console.log(el.value) // Simon
console.log(el.getAttribute("id")) // profile
console.log(el.dataset.nationality) // Eritrean

【讨论】：

.value 只为我返回一个空字符串：/
@TamaraCaligari 检查您的value 是否为空。
在控制台中我得到了正确的响应。不知道为什么它在函数中的行为方式不同。
@TamaraCaligari 我不知道你的情况，但它在这里工作jsfiddle.net/rqy9ddkj

【解决方案2】：

element.getAttribute("value") 返回标记中设置的值，不一定与element.value 相同。

另外，元素的 value 属性只有 synchronized one way - 从标记到对象，反之亦然。

所以，如果你想获取程序设置的值，你需要写

element.value

否则，如果您需要获取标记中定义为的值

<input value="abc">

你需要做element.getAttribute("value")

【讨论】：

正如我在另一条评论中提到的，element.value 为我返回一个空字符串：/ 有什么想法吗？

【解决方案3】：

或者使用 jQuery，您可以从文本框中获取价值，例如

var val1 = $(".class name").val();//to get value by class name
var val1 = $("#id").val();//to get value by id

两者都会做同样的事情。

问候

【讨论】：