JavaScript BOM------获取DOM对象
获取DOM对象的方法有以下几种
第一种
此时程序运行的结果如下
然后通过id过去DOM对象,并修改标签内的文本。
运行的结果如下,console.log(msg)获取的内容是<div id="msg">新的内容</div>,然后通过.innerHTML修改div标签内的内容 ,这种获取DOM对象的方法并不推荐。
第二种 通过id获取对象
此时程序运行的结果如下
然后通过id,使用document对象getElementById方法来获取DOM对象
运行结果如下
第三种 通过class类获取对象
此时运行结果如下
然后通过getElementByClassName( )来获取DOM对象,获取的结果是个列表。
运行结果如下
第四种 通过标签获取对象
此时程序运行的结果是
然后通过getElementByTagName( )标签要写成字符串形式,而且获取的结果是一个列表。标签仍然是标签。
此时程序的运行结果如下
第五种 通过name获取对象 适用于表单标签
此时程序运行的结果如下
然后通过getElementByName获取DOM对象,获取的结果是一个列表,然后改变他的值。
此时程序运行结果如下