Dom的应用-JavaScript

Dom的作用：通过可编程的对象模型，JavaScript获得了足够的能力来改变Html

1、改变页面Html元素

2、改变页面Html属性

3、改变页面CSS样式，对页面中的所有事件做出反应

window&document

window

1、浏览器中打开的窗口；

2、JavaScript层级中的顶级对象；

2、window是document的父节点；

document

1、代表窗口中显示的当前文档（页面）

2、通过Document节点可以遍历文档里的所有子节点；

Dom操作：

• 查找HTML元素
  • var element = document.getElementById("test");
  • var element = document.getElementByClassName("testClass");
  • var element = document.getElementByTagName("p");
• 操作HTML元素
• var value =document.getElementById("test").value;
• document.getElementById("test").value="测试";
• var element = document.getElementByClassName("testClass");
• var element = document.getElementByTagName("p");

【注：以上操作可以在浏览器F12的Console去测试操作】

示例：

Dom的应用-JavaScript

原文：https://www.cnblogs.com/jk-yashi/p/14880587.html