javascript - 如何确定 HTML 元素是否具有值，即使它是空的？

Question

我有一个元素可以作为:

<input type="hidden" name="simple_search_criteria" id="simple_search_criteria" value="" />

或

<input type="hidden" name="simple_search_criteria" id="simple_search_criteria"/>

我的代码需要知道该值是否存在以及该值是什么。我的代码可以在下面运行，但感觉很笨拙，因为我对元素进行了两次调用，对改进下面的代码有什么建议吗？

if ($('#simple_search_criteria').attr('value') !== undefined) {
  var searchCriteria = $('#simple_search_criteria').val();
  // Do stuff with searchCriteria, even if it is an empty string
}

我喜欢下面的代码，但它不起作用，因为 .val() 在两种情况下都返回一个空字符串...

var searchCriteria = $('#simple_search_criteria').val();
if (searchCriteria) {
  // do stuff with searchCriteria
}

如有任何改进，我将不胜感激，我一直在努力改进我的 js!

Answer 1

使用常规 JavaScript 会更快。尝试 hasAttribute和 getElementById

var searchCriteria = document.getElementById('simple_search_criteria').hasAttribute('value');