MDRY

导航

2022年9月23日 #

JavaScript HTML DOM 节点列表

摘要: NodeList 对象是一个从文档中获取的节点列表 (集合) 。 所有浏览器的 childNodes 属性返回的是 NodeList 对象。 大部分浏览器的 querySelectorAll() 返回 NodeList 对象。 HTMLCollection 与 NodeList 的区别: HTMLC 阅读全文

posted @ 2022-09-23 17:49 小懵丹儿 阅读(17) 评论(0) 推荐(0) 编辑

JavaScript HTML DOM 集合(Collection)

摘要: Collection 对象: getElementsByTagName() 方法返回 htmlCollection对象。 此对象包含html元素的一个数组 length属性:元素的数量。 此属性常用于遍历集合中的元素使用 item():返回 HTMLCollection 中指定索引的元素。 name 阅读全文

posted @ 2022-09-23 17:27 小懵丹儿 阅读(34) 评论(0) 推荐(0) 编辑

JavaScript HTML DOM 元素 (节点)

摘要: 创建新的元素节点-appendChild(): appendChild()方法:将元素添加到尾部 创建新的元素节点-insertBefore(): insertBefore()方法,将元素添加到开始位置 移除已存在的元素: 需要知道该元素的父元素: 替换HTML元素-replaceChild(): 阅读全文

posted @ 2022-09-23 17:08 小懵丹儿 阅读(17) 评论(0) 推荐(0) 编辑

JavaScript HTML DOM EventListener

摘要: 可向指定元素添加事件句柄 添加的句柄不会覆盖已存在的事件句柄 可向一个元素添加多个事件句柄 可向同个元素添加多个同类型的事件句柄,如两个“click”事件 向DOM对象添加监听 此方法可以更简单的控制事件(冒泡与捕获) removeEventListener()方法可以移除事件的监听 语法: ele 阅读全文

posted @ 2022-09-23 16:54 小懵丹儿 阅读(14) 评论(0) 推荐(0) 编辑

JavaScript HTML DOM 事件

摘要: 对事件做出反应: 当用户点击鼠标时 当网页已加载时 当图像已加载时 当鼠标移动到元素上时 当输入字段被改变时 当提交 HTML 表单时 当用户触发按键时 用户点击改变内容: 事件处理器调用一个函数: HTML事件属性: 如果需要向HTML元素分配事件,可以使用事件属性: <button onclic 阅读全文

posted @ 2022-09-23 12:29 小懵丹儿 阅读(19) 评论(0) 推荐(0) 编辑

JavaScript HTML DOM - 改变CSS

摘要: 改变HTML样式: 语法: document.getElementById(id).style.property=新样式 使用事件: HTMLDOM允许通过触发事件来执行代码: 比如: 元素被点击。 页面加载完成。 输入框被修改。。。。 阅读全文

posted @ 2022-09-23 11:39 小懵丹儿 阅读(21) 评论(0) 推荐(0) 编辑

JavaScript HTML DOM - 改变 HTML

摘要: js可以创建动态的html内容: document.write()可以直接向html输出流写内容 改变HTML内容: innerHTML属性:修改内容 语法: document.getElementById(id).innerHTML=新的 HTML 改变HTML属性: 语法:document.ge 阅读全文

posted @ 2022-09-23 11:31 小懵丹儿 阅读(18) 评论(0) 推荐(0) 编辑

JavaScript HTML DOM

摘要: DOM(文档对象模型) 文档 -文档表示的就是整个的html网页文档 对象 -对象表示将网页中的每一个部分都转换为一个对象 模型 -使用模型来表示对象之间的关系,这样方便我们获取对象 查找 HTML 元素: 通过 id 找到 HTML 元素 通过标签名找到 HTML 元素 通过类名找到 HTML 元 阅读全文

posted @ 2022-09-23 11:24 小懵丹儿 阅读(10) 评论(0) 推荐(0) 编辑