如何在 Javascript 中获取属性的值

Question

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

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

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

有谁知道为什么会这样？

这是我的 JS：

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

   return payment;
}

原文由 Tamara Caligari 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

节点值 和 元素属性 是 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

原文由 samayo 发布，翻译遵循 CC BY-SA 4.0 许可协议