js获取元素的方法

使用js来获取元素，很简单的，我们先写上html代码，如图一个输入框控件和一个按钮。要注意的是我们为输入框控件添加了一个id属性，为按钮添加了onclick事件。

在事件调用的方法里，我们用document.getElementById('jyText')来获取到这个输入框元素，括号里的参数就是这个元素的id了。然后通过alert方法来弹出输入框的值。

可以看到在弹出框里显示出了正确的值。

为了更方便的操作dom元素，我们还可以使用js的一些插件库来操作，比如jquery就是一个很多人在使用的插件库，我们先引入这个脚本文件。

要获取到元素，我们可以使用$('#jyText')的方法来获取，括号中的参数也是元素的id，所不同的是我们要在id前加上一个井号#，表明后面的是一个id。

通过通过id调用，我们还可以通过样式名来调用。$('.btn-primary')，括号里的参数就是这个元素的其中一个样式名称，但要注意的是前面要加一个点号（.），来表明后面的是样式名称，而不是id。

刷新页面，再次点击按钮，我们可以看到能正确获取到这个元素的value值。