1、html中有如下input控件，代码如下<input type="hidden" name="productName" id="productName" value="测试产品名称">。
2、可以使用js通过id获取，var value = document.getElementById("productName").value。
3、下面我们alert(value),看一下是否获取到input的value值，可以看到，input的value值已经成功弹出。
4、还可以使用document.getElementsByName(name)的方法。
5、测试一下结果，同样还是alert，可以看到，依旧能够成功弹出value的值。
6、还可以通过jquery来获取input的value值，这需要引入jquery的js包，然后通过代码$("#id").val()获取，上面的例子可以使用$("#productName").val()。
7、也可以使用jquery的$("input['name=name']").val()来进行获取，比如上面的例子可以使用$("input['name=productName']").val()。
第一步：首选需要获取element元素，有很多种方法getElementById("")（只能获取单一dom元素）想要获取元素集合请使用getElementsByName("")第二步：设置属性-element.setAttribute("属性名称"，"属性值")；获取属性-element.getAttribute("属性名称")；
1、首先，需要创建一个Json文件。或者是用户自行从网络上获得Json文件。
2、如果用户是创建的。还需要在新建的Json文件中输入数据。
3、准备好Json数据文件以后，接着创建一个Html文件。在<script>标签内创建一个函数，使用Ajax语言获得和读取Json文件。
4、获取和读取文件以后，在读取数据前。用户还需要创建一个用户遍历Json文件全部数据的函数。
5、创建数据遍历函数以后，在获取和和读取函数中进行调用。遍历读取文件中的数据。
6、获取Json文件中的全部数据以后，将数据用Html代码呈现到网页上。
