最近在研读 Vue 源码时,注意到了 oldVnode.nodeType 这个字段,起初以为是虚拟 DOM 特有的定义。后来查证发现,这其实是原生 HTML DOM 的标准属性。
在浏览器环境中,元素节点的 nodeType 值为 1。为了验证这一点,我写了一段简单的测试代码,遍历 body 下的所有子节点并打印相关信息。
<html>
<head>
<style type="text/css"></style>
</head>
<body>
<div id="divId">div</div>
<script>
var divNodeType = document.getElementById('divId').nodeType;
var cNodes = document.body.childNodes;
for(var i=0; i<cNodes.length; i++){
console.log("node is: " + cNodes[i]);
console.log("node text is: " + cNodes[i].data);
console.log("node outerHTML is: " + cNodes[i].outerHTML);
console.log("nodeType is: " + cNodes[i].);
}


