编辑新闻

新闻类型：

新闻主题：

搜索前台

商品编号：

发表人：

关键字：

用空格隔开

新闻内容：
（小于1200字时 <br 分页）

前言   我们可以通过innerHTML获取界面上的元素，但是有些元素，比如说：input中的value值我们却获取不到，但是在做OA时，有需求需要将自定义的表单转成HTML存入数据库，这个时候应该怎么做呢？ 问题阐述 HTML代码： &lt;form name=&quot;form1&quot; id=&quot;f1&quot; action=&quot;&quot; method=&quot;POST&quot;&gt; &nbsp;&nbsp; &nbsp;内容:&lt;input name=&quot;mycontent&quot; id=&quot;mycontentid&quot; type=&quot;text&quot; value=&quot;&quot; /&gt; &nbsp;&nbsp; &nbsp;&lt;input type=&quot;button&quot; name=&quot;getvalue&quot; id=&quot;cli&quot; value=&quot;获取input值&quot; onclick=&quot;fungetValue()&quot; /&gt; &lt;/form&gt; <pre class="brush:html;toolbar:false">&lt;form&nbsp;name=&quot;form1&quot;&nbsp;id=&quot;f1&quot;&nbsp;action=&quot;&quot;&nbsp;method=&quot;POST&quot;&gt;
&nbsp;&nbsp;&nbsp;&nbsp;内容:&lt;input&nbsp;name=&quot;mycontent&quot;&nbsp;id=&quot;mycontentid&quot;&nbsp;type=&quot;text&quot;&nbsp;value=&quot;&quot;&nbsp;/&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;input&nbsp;type=&quot;button&quot;&nbsp;name=&quot;getvalue&quot;&nbsp;id=&quot;cli&quot;&nbsp;value=&quot;获取input值&quot;&nbsp;onclick=&quot;fungetValue()&quot;&nbsp;/&gt;
&lt;/form&gt;</pre> 通过innerHTML获取界面上的元素： function fungetValue() { &nbsp;&nbsp; &nbsp;console.log(document.getElementById(&#39;f1&#39;).innerHTML); } <pre class="brush:html;toolbar:false">function&nbsp;fungetValue()&nbsp;{
	console.log(document.getElementById(&#39;f1&#39;).innerHTML);
}</pre> 控制台输出：界面上的内容：<img src="/upload/image/20200421/6372310743861001551478048.png" alt="在这里插入图片描述"/>   控制台输出：<img src="/upload/image/20200421/6372310748754720236427816.png" alt="在这里插入图片描述"/>   可见，此时通过innerHTML获取界面上的元素并没有获取到input元素的value值。 解决方案 自定义属性 function fungetValue() { &nbsp;&nbsp; &nbsp;var elems = document.getElementsByTagName(&#39;input&#39;) &nbsp;&nbsp; &nbsp;for (var i = 0; i &lt; elems.length; i++) { &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;elems[i].setAttribute(&quot;value&quot;, elems[i].value); &nbsp;&nbsp; &nbsp;} &nbsp;&nbsp; &nbsp;console.log(document.getElementById(&#39;f1&#39;).innerHTML); }   原理：我们获取到页面上所有的input元素，通过循环给每个元素添加一个自定义的属性input，属性值是input的value值，然后在控制台输出。 控制台输出： <img src="/upload/image/20200421/6372310756059360985712314.png" alt="在这里插入图片描述"/> ———————————————— 版权声明：本文为CSDN博主「不开花的玫瑰」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/m0_37508531/java/article/details/104592946

操作：