学习JS第五天

简介: 学习JS第五天

跟着黑马视频学JS第五天


节点操作



父级节点:node.parentNode//返回最近的一个父节点,如没有父节点返回null
子级节点:node.children//获取所有子元素节点
    firstElementChild//返回第一个子元素节点,找不到返回null lastElementChild//最后一个 同理 有兼容性问题
    一般用node.children[0] node.children[node.children.length-1] 
兄弟节点:node.nextSibling//返回当前元素的下一个兄弟节点 找不到返回null 包含所有的节点
          node.previousSibling//返回上一个兄弟节点 与上一个同理 都有兼容性问题
 创建节点:document.creatElement('元素')//var li = document.creatElement('li');
 添加节点:node.appendChild(child)//ul.appendChild(li);
           node.insertBefore(child,指定元素)//ul.insertBefore(li,ul.children[0]);


2022年5月26日星期四 工程实践2最后一次检查 耽误了时间

第五天荒废了


相关文章
|
2月前
|
Web App开发 JavaScript 前端开发
如何学习JavaScript?
如何学习JavaScript?
54 5
|
2月前
|
JavaScript 前端开发 索引
JavaScript学习第二章--字符串
本文介绍了JavaScript中的字符串处理,包括普通字符串和模板字符串的使用方法及常见字符串操作方法如`charAt`、`concat`、`endsWith`等,适合前端学习者参考。作者是一位热爱前端技术的大一学生,专注于分享实用的编程技巧。
34 2
|
2月前
|
存储 JavaScript 前端开发
JavaScript学习第一章
本文档介绍了JavaScript的基础知识,包括其在网页中的作用、如何通过JavaScript动态设置HTML元素的CSS属性,以及JavaScript中的变量类型(`var`、`let`、`const`)和数据类型(基本数据类型与引用数据类型)。通过实例代码详细解释了JavaScript的核心概念,适合初学者入门学习。
57 1
|
3月前
|
JavaScript
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
这篇文章介绍了如何将webpack的配置文件分离成开发环境和生产环境的配置文件,以提高打包效率。
59 1
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
|
3月前
|
JavaScript
js学习--商品列表商品详情
js学习--商品列表商品详情
33 2
|
3月前
|
JavaScript
js学习--九宫格抽奖
js学习--九宫格抽奖
24 2
|
3月前
|
JavaScript
js学习--开屏弹窗
js学习--开屏弹窗
51 1
|
3月前
|
JavaScript
js学习--抽奖
js学习--抽奖
26 1
|
3月前
|
JavaScript
js学习--隔行换色
js学习--隔行换色
34 1
|
3月前
|
JavaScript 前端开发 容器
js之dom学习
js之dom学习
57 0