JavaScript Dom节点

Posted wo939566631

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript Dom节点相关的知识,希望对你有一定的参考价值。

  • 整个文档是一个文档节点
  • 每个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节点的主要内容,如果未能解决你的问题,请参考以下文章

Python爬虫编程思想(102):使用Selenium改变节点的属性值

???JavaScript DOM ???????????? ??? 2 ??????

加载所有javascript后如何输出DOM?

DOM操作及实例操作

MVC 框架 - 服务器端 DOM 操作

请资深专家解答,javascript的dom问题?