JavaScript——DOM(文档对象模型)

一、创建DOM元素(例如li)

createElement(标签名):创建一个结点
appendChild(结点):追加一个结点
注:
父.appendChild(子节点);将创建好的子节点插到父中去,但只能插到之后。
父.insertBefore(子节点,谁之前);可以插到之前。





创建li




    
  
  • aaa

类似发说说:(最近发的在前)





创建li




  
    
  

二、删除DOM元素(例如li)

语法:父.removeChild(子节点)





删除




  


三、parentNode(例如:点击链接隐藏整个li)





节点




 


四、首节点和尾节点

首节点:firstChild、firstElementChild
尾节点:lastChild、lastElementChild





节点




 

五、DOM方式操作元素属性

获取:getAttribute(名称)
设置:setAttribute(名称,值)
删除:removeAttribute(名称)





dom方式操作元素属性




 


六、用class选元素





dom方式操作元素属性




 
JavaScript——DOM(文档对象模型)_第1张图片

你可能感兴趣的:(JavaScript——DOM(文档对象模型))