首页 > 其他分享 >JS添加input text、input button

JS添加input text、input button

时间:2024-03-25 10:33:35浏览次数:20  
标签:appendChild inputElement text button var input document liElement

<body>
<form id="form1" runat="server">
<div id="div1" class="a1" name="aaa">
<input type="text" class="a3" name="name" value="3" />
<input type="text" name="name" value="4" />
</div>
<input type="button" onClick="add()" value="增加">

</form>
</body>

<script>
function add() {
var a = document.getElementById("div1"); //定位
var liElement = document.createElement('span'); // 创建元素
var inputElement = document.createElement('input'); //创建input
inputElement.id = "btnTxt";
inputElement.type = "text";
inputElement.name = "txtJump";
inputElement.style.width = "30px"
liElement.appendChild(inputElement);
a.appendChild(liElement);
var inputElement = document.createElement('input'); //创建input
inputElement.type = "button";
inputElement.id = "btnJump";
inputElement.name = "jumpBtn";
inputElement.value = "跳转";
liElement.appendChild(inputElement);
a.appendChild(liElement);
}

</script>

标签:appendChild,inputElement,text,button,var,input,document,liElement
From: https://www.cnblogs.com/jigeqiu/p/18093845

相关文章

  • #2 Context and Event
    这个例子演示了初始化一个新的浏览器实例,打开GitHub首页,并演示如何在等待页面事件时处理上下文取消的情况。packagemainimport( "context" "fmt" "time" "github.com/go-rod/rod" "github.com/go-rod/rod/lib/proto")funcmain(){ browser:=rod.New(......
  • Lecture 09 Shading 3 (Texture Mapping cont
    Lecture09Shading3(TextureMappingcont.)Shading3Barycentriccoordinates重心坐标为了在三角形内部任何一点内插值,我们引入重心坐标为什么需要插值?指定顶点属性在三角形内部保持平滑变化插值什么内容?纹理坐标、颜色、法向量,...怎么做插值?重心坐标......
  • Lecture 08 Shading 2 (Shading, Pipeline and Texture Mapping)
    Lecture08Shading2(Shading,PipelineandTextureMapping)ShadingfrequenciesP1每个面着色一次P2每个顶点着色一次,每个三角面内插值P3每个像素着色一次FlatShading(逐三角形)每个三角面是一个平面,只有一个法线在光滑表面效果不好Gouraudshading(逐顶点)每个......
  • BufferedInputStream详解
      咦咦咦,各位小可爱,我是你们的好伙伴——bug菌,今天又来给大家普及Java之IO流啦,别躲起来啊,听我讲干货还不快点赞,赞多了我就有动力讲得更嗨啦!所以呀,养成先点赞后阅读的好习惯,别被干货淹没了哦~前言  在进行Java编程时,避免不了要进行一些文件操作。虽然Java提供了很多类......
  • docker context 介绍
    $dockercontextlsNAMEDESCRIPTIONDOCKERENDPOINTERRORdefaultCurrentDOCKER_HOSTbasedconfigurationunix:///var/run/docker.sockdesktop-linuxDockerDesktop......
  • outputStream(输出流)转inputstream(输入流)以及输入流如何复用
    https://blog.csdn.net/xuxu_study/article/details/129992752文件、流之间的转换MultipartFile转inputstream(输入流)outputStream(输出流)转为inputstream(输入流)inputstream(输入流)转ByteArrayOutputStreamMultipartFile文件直接转输入流上传和生成摘要MultipartFile文件需要......
  • CanvasRenderingContext2D: setLineDash() method格式说明
    定义setLineDash(segments)segments一个数组,用于指定交替绘制直线和间隙的距离(以坐标空间单位表示)。如果数组中元素的个数是奇数,数组中的元素会被复制并连接起来。例如,[5,15,25]将变成[5,15,25,5,15,25]。如果数组为空,破折号列表将被清除,行描边将恢复为实线。例子......
  • Imagen: Photorealistic Text-to-Image Diffusion Models with Deep Language Underst
    名称Imagen:PhotorealisticText-to-ImageDiffusionModelswithDeepLanguageUnderstanding时间:22/05机构:GoogleTL;DR发现使用LLM(T5)可以作为text2image任务的textencoder,并且提升LLM模型size相对于提升imageDM模型size性价比更高,生成的图像保真度更高,内容也更符合文......
  • RecursiveCharacterTextSplitter和CharacterTextSplitter代码随读
    直接说结论:优先使用RecursiveCharacterTextSplitter,输入一个separatorlist。优先划分大的符号放到前面,比如句号,分号,划分小块的放到后面。 如果想让separator不生效,就放一个原文中不会出现的一个符号,如果separator为空的话,会有一个默认值self._separators=separatorsor["......
  • JQuery 点击不同Button进不同方法
    <scripttype="text/javascript"src="/js/jquery-3.2.0.min.js"></script> <scripttype="text/javascript">//$(document).ready(function(){//$("#showPwd").click(function()......