Js为表单动态添加节点内容的方法

作者: 计算机网络技术  发布:2019-09-06

本文实例陈述了Js为表单动态增加节点内容的章程。分享给大家供我们参谋。具体如下:

Js为表单动态拉长节点内容的方法,js节点

本文实例呈报了Js为表单动态拉长节点内容的点子。分享给大家供大家参谋。具体如下:

  1. 代码

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "; 
<html xmlns="; 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>扩大节点</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>

  1. 程序效果图:

图片 1

期望本文所述对大家的javascript程序设计有所支持。

本文实例陈述了Js为表单动态增进节点内容的秘诀。分享给我们供咱们参照他事他说加以考察。具体如下:

  1. 代码...
  1. 代码

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "; 
<html xmlns="; 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>扩张节点</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>

  1. 程序效果图:

图片 2

企望本文所述对我们的javascript程序设计有所帮忙。

你恐怕感兴趣的小说:

  • js form action动态修改章程
  • JavaScript动态创制form表单并付出的完结格局
  • 用JS动态退换表单form里的action值属性的三种方法
  • js动态生成form 并用ajax方式提交的贯彻方式
  • javascript完毕的动态加多表单成分input,button等(appendChild)
  • javascript写的叁个表单动态输入提醒的代码
  • JavaScript贯彻动态扩展文件域表单
  • javascript创制动态表单的主意
  • JavaScript贯彻动态增多Form表单成分的章程躬体力行

本文由今晚买四不像发布于计算机网络技术,转载请注明出处:Js为表单动态添加节点内容的方法

关键词: