欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Js為表單動態(tài)添加節(jié)點內(nèi)容的方法

 更新時間:2015年02月10日 10:33:39   作者:woshisap  
這篇文章主要介紹了Js為表單動態(tài)添加節(jié)點內(nèi)容的方法,實例分析了js針對表單節(jié)點進行添加操作的常用技巧,需要的朋友可以參考下

本文實例講述了Js為表單動態(tài)添加節(jié)點內(nèi)容的方法。分享給大家供大家參考。具體如下:

1. 代碼

復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>增加節(jié)點</title> 
<script type="text/javascript"> 
   function newPicture() { 
       var picElement = document.createElement("img"); 
       picElement.src = "images/success.jpg"; 
       picElement.width = 100; 
       picElement.height = 100; 
       document.body.appendChild(picElement); 
   } 
    
   function newNode() { 
       var olElement = document.getElementById('answers'); 
       var liElement = document.createElement('li'); 
        
       var inputElement = document.createElement('input'); 
       inputElement.type = "text"; 
       inputElement.name = "answer"; 
        
       liElement.appendChild(inputElement); 
       olElement.appendChild(liElement); 
   } 
</script> 
</head> 
 
<body> 
 <div> 
    <input type="button" name="button" value="增加一張圖片" onclick="javascript:newPicture();"/>    
    <input type="button" name="button" value="增加一個選項" onclick="javascript:newNode();"/><br /> 
    <ol id="answers"> 
        <li><input type="text" name="answer" /></li> 
    </ol> 
 </div> 
</body> 
</html>

2. 程序效果圖:

希望本文所述對大家的javascript程序設(shè)計有所幫助。

相關(guān)文章

最新評論