js获取动态添加的表单元素的值

你用dom *** 作就可以了，做过dom树的遍历，在你页面加载完以后，也就是把你的js里的 *** 作函数定义在window.onload上，然后遍历页面已经有的这些元素，具体怎么遍历看你想深度优先还是广度优先深度优先就判断每个node的firstChild是不是空，如果不是空就继续取值，如果是空就判断nextSibling的值，广度优先就先判断nextSibling然后再判断下一层，以此类推

想要在页面动态添加元素，首先要确定在哪个元素后面添加元素，然后利用js的appendChild方法在该元素后面追加元素。

1.获取父节点元素varbody=document.getElementsByTagName('body')[0]。

2.然后动态创建a标签vara=document.createElement('a')。

3.把创建好的a标签追加到body下面body.appendChild(a)。

4.在a标签里面添加文本内容a.innerHTML='这是一个链接'。

5.给a标签添加一个链接a.href='https://www.baidu.com/'。

扩展资料：

js一些原生方法

element.appendChild()方法向节点添加最后一个子节点。

element.innerHTML设置或返回元素的内容。

document.getElementsByTagName()返回带有指定标签名的对象集合。

document.getElementById()返回对拥有指定id的第一个对象的引用。

document.createElement()通过指定名称创建一个元素。

<script language="javascript">

function AddElement(mytype){

var TemO=document.getElementById("add")

var newInput = document.createElement("input")

newInput.type=mytype

newInput.id="input1"

//在这里作者作用了input1作为Id，这样一来每添加一个元素，都是相同的Id，这样不太好，删除方法中查找元素时采用getElementById("input1")，不知道是要删除哪个元素

TemO.appendChild(newInput)

var newline= document.createElement("br")

//在这里作者作创建了一个<br/>元素，但这里只是单纯创建它，是不符合上下文逻辑的，因为下面删除方法中查找<br/>元素时，是采用getElementById()的形式，应该为它加上Id

TemO.appendChild(newline)

}

function delElement(mytype){

var TemO=document.getElementById("add")

var newInput = document.getElementById("input1")

TemO.removeChild(newInput)

var newline= document.getElementById("br")

TemO.removeChild(newline)

}

</script>

---