需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。
2、在index.html中的<script>标签，输入js代码：$('#txt').val('添加值')$('#txt').attr('data','test')。
3、浏览器运行index.html页面，此时input元素成功被添加了值和属性。
1、新建一个html文件，命名为test.html。
2、在test.html文件内，创建一个div模块，并设置其id属性为mydiv，用于下面使用js获得标签对象。
3、在test.html文件内，在div标签内，填写一段文字，并加入一个span标签。
4、在test.html文件内，创建一个button按钮，按钮名称为“获取html”。
5、给button绑定onclick点击事件，当按钮被点击时，执行myfun()函数。
6、在test.html文件内，在js标签内，创建myfun（）函数，在函数内，使用getElementById（）方法获得div对象，通过innerHMTL属性获得div内的html内容，最后，使用alert方法将获得的html内容以弹窗形式显示
7、在浏览器打开test.html文件，点击按钮，查看获得的html标签内容。
用js设置html标签的字体大小：1、html页面代码：
<!DOCTYPE html ">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<title>JS 控制网页字体放大缩小实例</title>
</head>
<body>
<input onclick="setFontsize(0,'Content')" type="button" value="缩小字体">
<input onclick="setFontsize(1,'Content')" type="button" value="放大字体"><DIV ID="Content">
这是一个测试字体大小的页面
</DIV>
</body>
</html>
2、js代码：
var initial_fontsize= 10//初始化大小
var initial_lineheight = 18//初始化行高
设置字体的方法：
function setFontsize(type,objname){
var whichEl = document.getElementById(objname)
if (whichEl!=null) {
if (type==1){
if(initial_fontsize<64){
whichEl.style.fontSize=(++initial_fontsize)+'pt'
whichEl.style.lineHeight=(++initial_lineheight)+'pt'
}
}else {
if(initial_fontsize>8){
whichEl.style.fontSize=(--initial_fontsize)+'pt'
whichEl.style.lineHeight=(--initial_lineheight)+'pt'
}
}
}
}
