zoukankan      html  css  js  c++  java
  • 《JavaScript+DOM编程艺术》的摘要(四)appendChild与insertBefore的区别

    基本知识点:
    // 1、js里面为什么要添加window.onload=function (){}
    //    保证html文档都加载完了,才开始运行js代码,以防html文档没有加载完,找不到相应的元素
    // 2、判断一个js的方法能否在浏览器里面执行:
    // if(!document.getElementById) return false; 这样就能达到判断的标准,这样的执行语句,方便判断多个条件
    // 3、window.onload还有其他更通用的解决方法:

    function addloadEvent(func){
                var addload = window.onload;
                   if(typeof window.onload != 'function'){
                       window.onload = addload;
                   }else{
                       window.onload=function (){
                           addload();
                           func()
                       }
                    }
                }

    appendChild 插入节点,父元素.appendChild(子元素) 这是个插在父元素已有的子元素节点的后面

    var para = document.createElement('span');
    var txt = document.createTextNode('测试测试');
    para.appendChild(txt);
    document.getElementById('box').appendChild(para);

    下图为appendChild插入html的结构所示:

    insertBefore的用法:

    var para = document.createElement('span');
    var txt = document.createTextNode('测试测试');
    para.appendChild(txt);
    document.getElementById('box').parentNode.insertBefore(para,document.getElementById('box'));

    其中插入到html的结构为:

    着重理解这两个方法的区别

    工作并不只是为了那点工资,而是为了创造一份属于自己的事业
  • 相关阅读:
    电商工具 谷歌插件 版本 2021-03-04
    PowerDesigner 自定义脚本
    MapReduce案例之寻找共同好友
    Hadoop之MapReduce开发总结
    python之文件操作
    python字典、集合
    python元组
    python列表练习
    python之列表
    python之编码解码、字符串常用方法
  • 原文地址:https://www.cnblogs.com/zouer/p/3851195.html
Copyright © 2011-2022 走看看