菁英数字科技(猩码)-猩码学苑-专注软件开发人才菁英教育

标题: 前端-2023-5-12-张静博 [打印本页]

作者: JBZ    时间: 2023-5-24 17:32
标题: 前端-2023-5-12-张静博
一、学习内容


childNodes会得到文本节点
推荐大家使用children
Element.children是一个只读属性,返回 一个Node的子elements ,是一个动态更新的HTMLCollection。
children属性为只读属性,对象类型为HTMLCollection,你可以使用elementNodeReference.children[1].nodeName来获取某个子元素的标签名称。
Node.nextSibling是一个只读属性,返回其父节点的childNodes列表中紧跟在其后面的节点,如果指定的节点为最后一个节点,则返回null。
返回当前节点的前一个兄弟节点,没有则返回null。
创建节点的方式:
1.创建元素
createElement
2.插入节点
父元素.appendChild(子元素)
appendChild() 插入的子元素在父元素的最后面
使用createElement创建一个节点li
插入节点ul.insertBefore(cLi, lis)
第一个参数是创建的节点
第二个参数是参考节点
克隆节点cloneNode()
如果不传递参数就是只克隆最外层
如果传递布尔值true就是整体拷贝
删除节点removeChild
数组新方法:
forEach()
        数组新增的一个方法
        接受一个参数,是一个函数
        这个函数又有三个参数 - 这三个参数是有严格的顺序的,可以后面的
        1. item 数组的每一项
        2. index 下标
        3. arr 数组本身
在HTML5中元素可以自定义属性
语法是 data-*=""
获取属性getAttribute
设置属性
            1.如果有这个属性就是修改
            2.如果没有这个属性就是添加






欢迎光临 菁英数字科技(猩码)-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/) Powered by Discuz! X3.4