Question

Javascript如何获取整个节点的值，包含Input变化的值

代码如下：
<span id="content">
<div>

<input type="text" id="input1" value="">

</div>

</span>
请问，如果我在界面内对文本输入框输入一些值，如何在获取整个 span 节点值后，也能获取到 input 里输入的值？ 比如input1里输入 AAAAAAA，那么我想获取到的值为：
<span id="content">
<div>

<input type="text" id="input1" value="AAAAAAA">

</div>

</span>
如何处理呢？我始终获取不到，请帮忙，谢谢。

Answer 1

是这样的 如果想要得到input1 可以直接使用getElementById("input1")

如果非要用content 在找input
document.getElementById("content").getElementByTagName("input").value;

追问

没有其它办法实现吗？

追答

Xpath 你懂吗 ? 这样也可以实现

追问

帮忙写写实现方法吧，节点里有事先不知道的N多个input。

追答

其实都是一样的 用Xpath和 document.getElementById("content").getElementByTagName("input")的效果一样 可以找到N个input节点 会以一个数组的形式反给你

你只要 document.getElementById("content").getElementByTagName("input")[i].value
i是数组的下标 , 建议还是用id因为ID是唯一的一个dom中不可能重复

追问

恩，我可以获取到值，但怎么再把值更新一整个span节点里呢？
var content = $("#content").html();
var allinput = $("#content input");
for (var i = 0; i < allinput.length; i++) {
不知道怎么做了。。.
}

追答

$("#content input")[i].val("你要更新的值");