北京中科专家 http://www.wzqsyl.com/search.asp?Keyword=%B1%B1%BE%A9%D6%D0%BF%C6%BB%AA%B1%B1%D6%D0%D2%BD%D2%BD%D4%BA%D7%A8%BC%D2%BD%E9%C9%DC&field=title今天和大家来分享JS编程知识之DOM对象控制HTML元素的常用方法。分享JS编程知识之DOM对象控制HTML元素getElementsByName():getElementsByName()：获取name。示例中body中有两个p标签，相同的name属性，用getElementsByName获得P标签的name的内容。因为有两个p标签，通过innerHTML修改第二个P标签的内容为Workld，下标是从0开始的，1就表示第二个P标签。getElementsByName()：获取namegetElementsByTagName():getElementsByTagName()：获取元素。示例中body中有两个p标签，相同的name属性，用getElementsByTagName获得P标签的name的内容。因为有两个p标签，通过innerHTML修改第二个P标签的内容为Workld，下标是从0开始的，1就表示第二个P标签。getElementsByTagName()：获取元素getAttribute():getAttribute()：获取元素属性。示例中首先通过getElementById，获得a标签的id，然后通过getAttribute()获取元素title的属性，示例结果会弹出：得到了a标签的属性。getAttribute()：获取元素属性setAttribute():setAttribute():设置元素属性。示例中首先用getElementById，获得a标签的id，然后用setAttribute()设置元素属性，把title设置为：动态设置a标签的title属性。再然后用getAttribute取到设定的属性，进行测试，弹出的结果是：动态设置a标签的title属性。setAttribute():设置元素属性childNodes():childNodes():访问子节点。示例中在body中，创建了列表ul、li，然后用childNodes访问子节点。childNodes():访问字节点parentNode():parentNode():访问父节点示例中在body中创建了div，div的下面有一个p标签元素，用parentNode访问p标签的父节点，得到的结果是div。parentNode():访问父节点createElement():createElement():创建元素节点。示例中通过createElement创建元素节点button按钮。createElement():创建元素节点createTextNode：createTextNode：创建文本节点。示例中通过createTextNode创建文本节点text文本。createTextNode：创建文本节点insertBefore():insertBefore():插入节点。示例中通过insertBefore向元素div下面的p标签中插入了一个节点p标签节点，标签名称是：动态加的P标签。insertBefore():插入节点removeChild():removeChild():删除节点。能插入节点，也能删除节点。本示例通过removeChild删除了div下面的P标签节点。removeChild():删除节点本次是对JS编程知识之DOM对象控制HTML元素的方法用法作了分享，希望大家能理解掌握，本次分享就到这儿，想学习更多的编程知识，请
转载请注明：http://www.aierlanlan.com/rzdk/8027.html
