DOM:就是用JavaScript操作HTML节点。
知识点:
将HTML变成DOM树
看到HTML会画DOM树。
创建节点,添加节点,删除节点
varnodeObj = document.createElement(“节点名”); //创建元素节点
document.createTextNode(“文本”); //创建文本节点
父节点.appendChild(子节点); //把子节点添加到父节点下
父节点.removeChild(子节点);
//获得节点
document.getElementById(“id号”);
document.getElementsByTagName(“html的标签名”)[0];
父节点.getElementsByTagName(“html的标签名”)[0];
//获得子元素的节点
父节点.childNodes
父节点.firstChild
父节点.lastChild
//节点的属性
nodeType 1元素节点 2属性节点 3文本节点
nodeName 元素节点使用,返回标签名的大写字符串
nodeValue 文本节点使用,返回或设置文本
//获得兄弟节点
当前节点.nextSiblings
设置节点的属性
节点.setAttribute(属性名,值);
节点.getAttribute(属性名);
p.setAttrubute(“style”,”color:red;font-size:20px;”);
//一般做法,可以设置或获取
节点.属性名
设置文本
文本节点.nodeValue=文本;
案例:点击小图看大图
0
0
复制代码 代码如下:
相关文章
实现响应式导航的自动激活与状态持久化:React 中汉堡菜单的智能控制策略
如何通过点击缩略图动态设置模态框中图片的 src 属性
如何通过点击缩略图动态加载图片到模态框中
如何点击图片外任意区域关闭灯箱(Lightbox)
如何点击图片外任意区域关闭灯箱
java速学教程(入门到精通)
下载
java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!
本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门AI工具
相关专题
C++ 单元测试与代码质量保障
本专题系统讲解 C++ 在单元测试与代码质量保障方面的实战方法,包括测试驱动开发理念、Google Test/Google Mock 的使用、测试用例设计、边界条件验证、持续集成中的自动化测试流程,以及常见代码质量问题的发现与修复。通过工程化示例,帮助开发者建立 可测试、可维护、高质量的 C++ 项目体系。
54
2026.01.16
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
微信小程序开发--组件篇--十天技能课堂
共32课时 | 1.9万人学习
Vue.js 微实战--十天技能课堂
共18课时 | 1.1万人学习
微信小程序开发--云开发篇
共15课时 | 0.7万人学习
最新文章










