javascript中怎么实现文本框按钮的添加和删除

JavaScript017

javascript中怎么实现文本框按钮的添加和删除,第1张

思路:

添加:往页面类型是button的input 标签

删除:通过input标签查找所有添加的按钮,移除其中一个

代码示例:

<script>

function add(){

   var buttons = document.getElementById('buttons')

   buttons.innerHTML += ("<input type='button' value='新1'/>")

}

function del(){   

   var buttons = document.getElementById('buttons')

   var inputs =buttons.getElementsByTagName('input')

   if(inputs.length>0){

      inputs[0].remove()

   }

}

</script>

</head>

<body>

<div id='buttons'>

</div>

<input type='button' value='添加' onclick='add()'/>

<input type='button' value='删除' onclick='del()'/>

</body>

var textarea = document.createElement("textarea")

textarea.id="textarea"

document.body.appendChild(textarea)

var option = document.getElementsByTagName("select")[0]

option.onchange=function(){

option[option.selectedIndex].text=""

}

document.getElementsByTagName("select")[0].add(document.createElement("option"))