摘要：
什么是 HTML DOM 导航？ DOM是一个以节点关系组成的结构，所以我们可以使用节点之间的关联找到整个HTML页面中的元素 1.HTML DOM 节点列表： getElementsByTagName("") 方法 //返回所查找元素的所有节点列表 节点列表是一个节点数组 可以通过下标访问这些节点 阅读全文
摘要：
什么是DOM事件？ 事件就是当触发这个事件之后会执行一段代码 使用 on 来绑定一个事件 比如：<div onclick="hj()"></div> 常见事件：1.当鼠标点击某个元素时/或者移动到当前元素上时2.页面加载时3.改变输入字段时4.当HTML表单被提交时5.当用户触发键盘上的某个按键时 阅读全文
摘要：
DOOM修改 找到标签之后就可以对它进行修改了可以修改：1.改变HTML元素 比如说把 p 改为 span2.改变HTML属性 比如说 id class3.改变CSS样式 比如说改变字体颜色4.添加或者删除事件5.替换... 创建/替换 HTML 文本内容 document.getElementBy 阅读全文
摘要：
DOM访问理解：找到这个标签元素，然后才能对它进行操作 1.getElementById() 方法document.getElementById(""); //通过id名字来找到 2.getElementsByTagName() 方法document.getElementsByTagName("") 阅读全文
摘要：
一.什么是DOM属性 DOM属性简单来说就是HTML的属性值 二.常见的DOM属性有哪些? 1.innerHTML 属性 获取元素的内容，想要拿到某个元素的文本内容，直接在后面加 .innerHTML; var txt=document.getElementById("h1").innerHTML; 阅读全文
摘要：
一.什么是 DOM？ DOM 定义了访问 HTML 和 XML 文档的标准： HTML DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法。 简单来说 HTML DOM 就是关于如何获取、修改、添加或删除 HTML元素的内容的一种方法 二.DOM节点 在 HTML DOM 中，所有的 阅读全文
摘要：
效果如下： 说明： 这里我使用的原理是利用vue中的v-show/显示隐藏指令，当为true的时候显示，为false的时候隐藏 1html代码： 2css代码： 3js： 应届菜鸟，大佬勿喷... 阅读全文