码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript Dom节点

时间:2018-04-30 18:04:56      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:修改属性   insert   remove   nod   html元素   修改   删除节点   first   返回   

  • 整个文档是一个文档节点
  • 每个HTML元素是元素节点
  • HTML元素内的文本是文本节点
  • 每个HTML属性是属性节点
  • 注释是注释节点
  • 属性节点和文本节点都属于元素节点的子节点,因此操作时,需要先选中元素节点,再修改属性和文本。

通过 HTML DOM,树中的所有节点均可通过JavaScript进行访问,所有HTML元素(节点)均可被修改,也可以创建或删除节点。

 

HTML DOM 方法

   createAttribute()       创建属性节点

   createElement()     创建元素节点

   createTextNode()  创建文本节点

   appendChild()       把新节点添加到指定节点

   insertBefore()        在指定的子节点前面插入新的子节点

   removeChild()       删除子节点

   replaceChild()         替换子节点

   getAttribute()           返回指定的属性值

   setAttribute()           把指定属性设置成或修改为指定的值 

  

HTML DOM 属性   

   innerHTML        获取节点的文本值

     innerHTML 属性对于获取或替换HTML 元素的内容很有用

   parentNode       获取节点的父节点

   childNodes        获取节点的子节点

   attributes           获取节点的属性节点

   firstChild            返回第一个子节点

   

JavaScript Dom节点

标签:修改属性   insert   remove   nod   html元素   修改   删除节点   first   返回   

原文地址:https://www.cnblogs.com/wo939566631/p/8973784.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!