js如何获取html input标签中内容

两种方案：<br>1 元素获取，通过给input标签加id，通过getElementById（id）获取到该元素，然后直接访问它的value属性即可<br><input id="test"/><br>例：var oInput=documentgetElementById("test");<br>alert(oInputvalue);//获取到啦<br>2 节点获取，通过获取表单元素，然后通过表单中中各input元素的name属性获取Input子元素，进而获取它的value值<br><input name="test"/><br>例：var oForm=documentgetElementById("form1");<br>alert(oFormtestvalue);//获取到啦

Jquery的遍历，其实就当前位置的元素相对于其他元素的位置的关系进行查找或选取HTML元素。以某项选择开始，并沿着这条线进行移动，或向上（父级）、或向下（子级）、或水平（同级），直到找到目标元素为止，这种移动也被成为对DOM进行遍历。

其实对于DOM来说，这个不陌生，Jquery的遍历也就是在DOM树上上蹿下跳，当然这种上蹿下跳不是没有规则的，胡乱的找是让人鄙视的。通俗的说，在一颗树上（你也在树上，已经爬上去了，哈哈），以你所在的位置为起点，以树上有个桃子为目的地，你的这个起点也就是当前 this ,去移动去摘桃子的过程就是Jquery遍历，所以相对应的Jquery所衍生出的遍历方法可以分为三大类，即Jquery遍历之父级（祖先）、同级（同胞）和子级（后代）三种。

<div id="test">

<div></div>

<div></div>

</div>

<script>

function dom() {

var s= documentgetElementById("test");

var chils= schildNodes; //得到s的全部子节点

var par=sparentNode; //得到s的父节点

var ns=snextSbiling; //获得s的下一个兄弟节点

var ps=spreviousSbiling; //得到s的上一个兄弟节点

var fc=sfirstChild; //获得s的第一个子节点

var lc=slastChile; //获得s的最后一个子节点

}

</script>

这是因为getElementById再结合children属性获取的是DOM元素，而querySelectorAll获取的则是NodeList对象元素。前者会随页面DOM结构的变化而变化，比如删除了box中的一个div，这个div就会从children中被“真实地”删掉，childrenlength的计数也会减1。而后者如果删除其中的某个子元素，被删的元素并不会消失，而是变成一个空对象，children1length的计数也不会改变，这样的话 for(var i=0;i<children1length;) 这个循环由于i的值不变（总是等于0），而children1length也不会减少（总是4），这样就变成死循环了（同时也意味着把一个已删除的元素不断重复删除）。

改成这样就没问题了：

for(var i=0;i<children1length;i++){

  boxremoveChild(children1[i]);

}

以上就是关于js如何获取html input标签中内容全部的内容，包括:js如何获取html input标签中内容、js中如何获取div下的二级子元素、JavaScript中如何通过一个元素去查找该元素的子元素节点等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！