DOM节点操作
  1. 删除节点:removeChild()
  2. 阻止链接跳转的方法:添加 javascript:void(0); 或者 javascript:;
  3. 节点复制
     node.childNode()
    //浅拷贝:括号参数为空或者false,只克隆节点本身,不复制里面的子节点
    //深拷贝:括号参数为true,复制节点本身以及里面所有的子节点
  4. 添加节点
    node.appendChild(child) //将一个节点添加到指定父节点的子节点列表末尾 
    node.insertBefore(child,指定元素) //讲一个节点添加到父节点的指定子节点前面
  5. document.write()创建元素:如果页面文档流加载完毕,在调用这句话会导致页面重绘
  6. 不同浏览器下,innerHTML 效率要比 creatElement 高
  7. DOM核心重点:关于dom操作,主要针对元素的操作,主要有创建、增、删、查、改、属性操作和事件操作

    创建:document.write、innerHTML、createElement

    增:appendChild、insertBefore

    删:removeChild

    查:DOM提供的API 方法: getElementById、getElementsByTagName 古老用法 不太推荐

    2. H5提供的新方法: querySelector、querySelectorAll 提倡

    利用节点操作获取元素: 父(parentNode)、子(children)、兄(previousElementSibling、nextElementSibling) 提倡

    改:①修改元素属性: src、href、title等 ②修改普通元素内容: innerHTML 、innerText ③修改表单元素: value、type、disabled等 ④修改元素样式: style、className

    属性操作:主要针对自定义属性。①serAttribute:设置dom的属性值 ②getAttribute:得到dom的属性值 ③removeAttribute:移除属性

    事件操作:给元素注册事件

    案例:新浪下拉菜单、动态生成表格(参考文章:案例分析)

内容不全

评论

  1. 离一 博主
    Windows Chrome
    2周前
    2021-7-20 18:36:57

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇