JS HTML DOM
dom元素的获取方式 动态获取dom元素 通过TagName获取dom元素 var dom1 = document . getElementByTagName ( "标签名" ) ; //获取到的dom1为HTMLCollection集合类型,所以在使用时需要使用索引固定到具体标签 通过ClassName获取dom元素 var dom2 = document . getElementByClassName ( "标签类名" ) ; //获取到的dom2为HTMLCollection集合类型,在使用时需要索引指向具体标签 通过Name获取dom元素 var dom3 = document . getElementByName ( "name属性名" ) ; //获取到的dom3为NodeList集合类型,使用时同样需要索引指向具体标签 通过Id获取dom元素 var dom4 = document . getElementById ( "Id名" ) ; //获取到的dom4为单个对象 固定获取dom元素 固定获取方式与动态获取方式的区别: 固定获取方式只能获取到页面初始化完成后的元素,后期动态添加的元素获取不到,而动态获取方式则没有这种限制。 获取一个元素(仅能获取第一个元素) var query_dom = document . querySelector ( "CSS选择器"