zoukankan html css js c++ java

[HTML5] DOM Nodes Explained

import './assets/css/style.css';

const app = document.getElementById('app');
app.innerHTML = '<h1>JavaScript DOM</h1>';


// <html>
console.log(document.documentElement);
console.dir(document.documentElement);

// <head>
console.dir(document.head);

// <body>
console.dir(document.body);

// retrieve the constructor name
console.log(document.body.constructor.name);

// looking at the prototype chain
console.log(document.body instanceof HTMLBodyElement);
console.log(document.body instanceof HTMLElement);
console.log(document.body instanceof Element);
console.log(document.body instanceof Node);
console.log(document.body instanceof EventTarget);

/*
  - NodeTypes
  1: Element
  2: Attribute
  3: Text
  4: CDATASection
  5: EntityReference
  6: Entity
  7: ProcessingInstruction
  8: Comment
  9: Document
  10: DocumentType
  11: DocumentFragment
  12: Notation
*/

console.log(document.body.nodeType); // 1
console.log(document.nodeType); // 9

// nodeName for any Node types
console.log(document.nodeName); // #document
// tagName for any Element types
console.log(document.tagName); //undefined

查看全文

相关阅读:
bootstrap只有遮罩层没有对话框的解决方法
 从陈坤微信号说起：微信公众平台开发者的江湖
 微信5.0绑定银行卡教程
 web.xml
java 泛型
 Struts2
Hibernate
SQL Joins
case when
log4j

原文地址：https://www.cnblogs.com/Answer1215/p/12508336.html