JS学习笔记——DOM

js

HTML

  1. 当页面加载完成之后要慎用document.write()，该方法会覆盖加载完成document 
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <!DOCTYPE html>
    <html>
    <head>
    <script>function f(){   document.write(Date());}</script>
    </head>
    <body>
    <a href="#" onclick="f()">测试链接</a>
    </body>
    </html>
    如果需要实时修改内容，请修改对应元素的innerHTML属性
  2. 若需要修改样式则修改sytle属性 
    1
    document.getElementById("id").style.<property>=<style value>;
  3. 创建新的元素，并插入DOM树
    createElement创建元素
    createTextNode创建节点
    element.appendChild()插入孩子
  4. 删除已有节点 
    1
    parent.removeChild(child);
    从parent节点中删除child节点