首页 > Web开发 > 详细

js的DOM编程

时间:2016-01-10 14:12:05      阅读:184      评论:0      收藏:0      [点我收藏+]
DOM对象分类:
  document  文档
  element   元素 (关键)
  attr      属性
  text      文本
  comment    注释
 
 3)查询Element的方法
   方式一:通过document的属性
  document.all    查询所有元素
  document.forms  查询所有<form> 元素
  document.images  查询所有<img/> 元素
  document.links     查询所有<a/>元素
 
   方式二:通过document的方法找(重点)
  document.getElementById(id); (重点)  根据标签的id属性找
  document.getElementsByName(name);   根据标签的name属性找
  document.getElementsByTagName(tagName);   根据标签名称找
 
   方式三: 根据节点关系找
  parentNode(重点)
  childNodes
  firstChild
  lastChild
  nextSibling
  previousSibling
 
 
 常用的DOM方法:
  查询: document.getElementById()  .....
  添加:
   document.createElement()  创建元素
   element.appendChild() 追加子元素
   element.setAttrbute()  添加属性
  修改:
   element.setAttrbute()  修改属性(方式一)
   element.value          修改属性(方式二)
   element.innerHTML      修改文本内容
  删除:
   element.reomveChild()   删除元素

js的DOM编程

原文:http://www.cnblogs.com/kmexiaoxiao/p/5118214.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!