如何在Javascript中从控制台获取元素的价值

时间:2019-05-08 02:43:34

标签: javascript

首先,我刚接触Javascript。我试图获取一个对象的价值,并且可以在控制台中看到我需要的所有信息,但我只是不知道如何访问它。例如,我正在查看一个HTML集合,该集合是由下拉列表制成的。它具有:

viewWillAppear

在每个参数内部都有大量参数和值。我的问题是,如何在JavaScript中搜索,选择参数并使用值?请记住,“选项”的顺序和数量将发生变化。在这种情况下,值是-值-它唯一地标识文本“ test”和“ apple”。

通过选择它们并将它们输出到in console中,我可以很容易地列出所有这些信息。

viewDidAppear

但是如何访问所有这些子属性?另外,如果有人也可以帮助我,我不知道这些参数和值的正确术语是什么,以便有效地搜索Google的答案。

1 个答案:

答案 0 :(得分:1)

您只需使用句点a.value即可访问这些属性。

如果要循环遍历HTML集合,最简单的方法是使用for循环:

var options = document.getElementsByTagName('option');

for (var i = 0; i < options.length; i++) {
  var a = options[i];
  
  // Get values
  var value = a.value;
  var text = a.textContent;
  
  if (text == 'Audi') {
    console.log('The value of "Audi" is ' + value);
  }
}
<form>
  <select>
    <option value="1">Volvo</option>
    <option value="2">Saab</option>
    <option value="3">Mercedes</option>
    <option value="4">Audi</option>
</select>
</form>