Javascript 访问类的元素=";输入附加";

Javascript 访问类的元素=";输入附加";,javascript,html,angularjs,forms,append,Javascript,Html,Angularjs,Forms,Append,我在中使用了class=“input append”,因此每一行包含不同的输入,我有一个按钮来追加新的输入行 人物{{$index+1} 时间:年龄: 例如: ID、姓名、年龄,当我单击按钮时,将添加新行。如何访问javascript中的输入?!!例如,我想访问第二行中的年龄 注意。使用document.getElementsByClassName()和QuerySelector trs = document.getElementsByClassName("input-append");

我在
中使用了
class=“input append”
,因此每一行包含不同的输入,我有一个按钮来追加新的输入行


人物{{$index+1}
时间:年龄:
例如: ID、姓名、年龄,当我单击按钮时,将添加新行。如何访问javascript中的输入?!!例如,我想访问第二行中的年龄


注意。

使用document.getElementsByClassName()和QuerySelector

trs = document.getElementsByClassName("input-append");

personName = trs[1].querySelector("input[ng-model='person.name']").value;
personAge = trs[1].querySelector("input[ng-model='person.age']").value;
还有你的html

<table>  
<tr class="input-append" >
<td>
<span>Person {{$index+1}}</span></td>
<td align="center">Time From: <input type="text"  ng-model="person.name">  Age: <input type="text"  ng-model="person.age">  
</td>   
</td>
</tr>
<tr class="input-append" >
<td>
<span>Person {{$index+1}}</span></td>
<td align="center">Time From: <input type="text"  ng-model="person.name" value="testName">  Age: <input type="text"  ng-model="person.age" value="testAge">  
</td>   
</td>
</tr>
</table>  

人物{{$index+1}
时间:年龄:
人物{{$index+1}
时间:年龄:

请参阅演示:

只需选择input append并从第二个td元素获取年龄值?或者第四个td元素,一个包含一个跨度,另一个是我猜的标题?谢谢,我的意思是我想使用document.getElementById(“”).value;我怎么能用这样的东西访问每一行的元素?!只需使用document.getElementsByClassName('input-append')[0]<即可获得容器,然后获得第二个td元素。So>document.getElementsByCassName('input-append')[0].getElementsByTagName('td')[1]<这将获得第二个'td'元素,然后使用TTthis来获取所需的值,似乎使用了angularJS,那么为什么不使用它来获取值呢?