1．有以下输入控件在HTML中，代码如下：<input type="hidden" name="productName" id="productName" value="测试产品名称">。
2．可以使用js来获取id和答案varvalue＝文档。getelementbyid（“productName”）。值。
3．接下来，我们将警告（value），看看是否得到了输入的值。我们可以看到，输入的值已经成功弹出。
4．也可以使用文档。getElementsByName方法（name）。
5．如果您测试结果，您仍然可以看到“value”的值成功弹出。
6．您还可以通过jquery获得输入的值，这需要引入jquery的js包并传递代码＄（＂＃id＂）．val（）。＄（＂＃productName＂）．val（）。
7．＄（＂输入（＇name＝名字＇］”）．val（）；例如，上面的例子可以使用＄（＂input［＇name＝productName＇］＂）．val（）。
第一种通过.获取
第二种通过[]获取
那什么时候用点获取什么时候[]呢，可以在不同场景使用
两个的相同点：都是获取对象属性值
不同点：
1 [ ]运算符可以使用字符串变量的内容作为属性名，点运算符不能
普通常量赋值的时候可以用点运算符，其他可以用[]运算符，
开发中，当执行一个事件时需要去知道触发这个事件的对象是谁？那么，如何获取，在这里我就对 event.srcElement与event.target 操作获取略作区分 。
event.srcElement： 表示可以获取当前作用事件的对象。
event.target： 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。
兼容性：
event.target： Ie9+ 火狐、谷歌；
event.srcElement：ie 678；
srcElement 是 IE 下的属性
target 是 Firefox 下的属性
Chrome 浏览器同时有这两个属性
一、利用event.srcElement 获取标签：
event.srcElement.tagName ：因为它获取出来的都是以 大写 的形式，例如（“A”，“DIV”）所以需要转换 obj.tagName.toLowerCase()="a"
二、 利用event.srcElement 获取子对象:
第一个子标签 ：event.srcElement.firstChild
最后个一个是： event.srcElement.lastChild
第几个孩子： event.srcElement.children[i]
所有孩子： event.srcElement.children
所有孩子节点： event.srcElement.childNodes
三、利用event.srcElement 获取父对象：
.event.srcElement.parentElement； 可以理解成是在鼠标所在对象的上一个对象。
四、vent.target的 判断使用
js中事件是会泡的，event.target它永远是直接接受事件的目标DOM元素
一般是获取这个对象的id，兼容的写法如下：
var targetId = event.target ? event.target.id : event.srcElement.id
获取id后再拿到事件中去判断。
谢谢观读~
��
