多语言展示
当前在线:1810今日阅读:27今日分享:41

javaScript实现节点的添加

javaScript解释性脚本弱语言,由ECMAscript,DOM,BOM三部分组成,动态页面,可以很好的进行数据交换,也可以通过服务器进行相关的操作
工具/原料

Eclipse

方法/步骤
1

添加在什么地方?首先获取要添加的节点的节点,然后创建一个节点,添加到节点的前面

2

     DOM树操作  

4

     

       
  • 亚索
  •    
  • 狮子狗
  •    
  • 披甲龙龟
5

   

6

在狮子狗节点后追加一个

  • 蛮王
  •    a.找到狮子狗这个节点     通过id查找到狮子狗节点     var li=document.getElementById('l1');   b.创建
  • 蛮王
  • 节点对象和内容  var li1=document.createElement('li');  var text1= document.createTextNode('蛮王');   c.将创建的文本添加到li标签中     appendChild(text1);   d.将创建的li1节点添加到需要添加的节点中去    li. appendChild(li1);

    推荐信息