JavaScript获取id为bar的搜索输入框值返回undefined问题求助

你当前的问题出在这行代码：

var query = document.getElementById("bar");

这行代码获取到的是整个输入框DOM元素对象，不是输入框里的文本内容，直接用这个变量去做搜索自然会得到undefined。

修复方法： #

• 原生JavaScript写法：给获取到的元素加上.value属性，就能拿到输入框里的内容：

  var query = document.getElementById("bar").value;
  

• 如果你本来想用jQuery，写法更简洁：

  var query = $("#bar").val();
  

修复后可以先在控制台用console.log(query)打印一下，确认能正确获取到你输入的内容，再执行打开谷歌搜索的逻辑就没问题了。

内容的提问来源于stack exchange，提问作者Sealington