当前位置:Gxlcms > JavaScript > 详谈javascript中DOM的基本属性_javascript技巧

详谈javascript中DOM的基本属性_javascript技巧

时间:2021-07-01 10:21:17 帮助过:6人阅读

结构和内容属性

nodeType

所有的节点都有类型,节点总共有以下的12种类型。

代码如下:

interface Node {
// NodeType
const unsigned short ELEMENT_NODE = 1;
const unsigned short ATTRIBUTE_NODE = 2;
const unsigned short TEXT_NODE = 3;
const unsigned short CDATA_SECTION_NODE = 4;
const unsigned short ENTITY_REFERENCE_NODE = 5;
const unsigned short ENTITY_NODE = 6;
const unsigned short PROCESSING_INSTRUCTION_NODE = 7;
const unsigned short COMMENT_NODE = 8;
const unsigned short DOCUMENT_NODE = 9;
const unsigned short DOCUMENT_TYPE_NODE = 10;
const unsigned short DOCUMENT_FRAGMENT_NODE = 11;
const unsigned short NOTATION_NODE = 12;
...
}

其中最重要的两个节点为元素节点(1)和文本节点(3)。其余的很少会用到。
例如,列出所有的子元素节点时,我们可以遍历它,并使用childNodes[i].nodeType != 1来进行检测。
下面是实现代码:

代码如下:


Allowed readers:


  • John

  • Bob



输出document.body的所有的内容并且用新的内容进行替换。

代码如下:


The paragraph


And a div