zoukankan      html  css  js  c++  java
  • javascript DOM添加元素,使用节点属性

    代码
     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     2 <html xmlns="http://www.w3.org/1999/xhtml">
     3 
     4 <head>
     5 <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
     6 <title>DOM添加元素,使用节点属性</title>
     7 <script language="javascript" type="text/javascript">
     8 //涂聚文 geovindu@163.com
     9 var nr = 1;
    10 function addItem() {
    11   var list = document.getElementById("list");
    12   var newNode = document.createElement("li");
    13   var newLink = document.createElement("a");
    14   newLink.setAttribute("href""http://www.dusystem.com/");
    15   nr++;
    16   var newTextNode = document.createTextNode("Item " + nr);
    17   newLink.appendChild(newTextNode);
    18   newNode.appendChild(newLink);
    19   list.appendChild(newNode);
    20 }
    21 </script></head>
    22 
    23 <body>
    24 
    25 <ul id="list"><li>Item 1</li></ul>
    26 <input type="button" onclick="addItem();" value="Add item" />
    27 </body>
    28 
    29 </html>
    30 
  • 相关阅读:
    互联网协议入门详解(转)
    文件流结尾的EOF详解
    数字签名是什么?
    SSL/TLS协议运行机制的概述(转)
    图解SSL/TLS协议(转)
    RSA算法原理(转)
    HTML代码简写法:Emmet和Haml(转)
    HTML Email 编写指南(转)
    PHP CodeBase: 判断用户是否手机访问
    Spring Data JPA之Derived query
  • 原文地址:https://www.cnblogs.com/geovindu/p/1713176.html
Copyright © 2011-2022 走看看