JSFiddle - React, Tailwind, and code Playground

by sharon li

HTML

<p id="paragrap" index="1">我是李璇</p>
<!-- 我是注释 -->

JavaScript

console.log('document nodeName is:', document.nodeName);
console.log('document nodeValue is:', document.nodeValue);
console.log('document nodeType is:', document.nodeType);
console.log('------------------');
var childNode = document.childNodes;
for(var i=0;i< childNode.length;i++) {
    var node = childNode[i];
    console.log( node.nodeName + 'nodeName is:' + node.nodeName);
    console.log( node.nodeName + 'nodeValue is:' + node.nodeValue);
    console.log( node.nodeName + 'nodeType is:' + node.nodeType);
    console.log('------------------');
}
var p = document.getElementById('paragrap');
var attr = p.attributes['id'];
console.log( attr.nodeName + ' nodeName is:' + attr.nodeName);
    console.log( attr.nodeName + ' nodeValue is:' + attr.nodeValue);
    console.log( attr.nodeName + ' nodeType is:' + attr.nodeType);