需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。
2、在index.html中的<script>标签，输入js代码：$('#txt').val('添加值')$('#txt').attr('data', 'test')。
3、浏览器运行index.html页面，此时input元素成功被添加了值和属性。
在JS当中获取HTML当中任意一个标签的值的方法：
1 通过id等属性，获取相应标签
2 innerHTML属性的使用
<!doctype html><html>
<head>
<meta charset="UTF-8">
<title>码匠- H5course</title>
</head>
<body>
<ol id="list">
<li>HTML5</li>
<li>学堂</li>
<li>h5course</li>
</ol>
<script>
var list = document.getElementById('list')
console.log(list.innerHTML)
</script>
</body>
</html>
显示效果：
