html中显示js中定义的变量的值并把它放在页面中想要的位置

JavaScript027

html中显示js中定义的变量的值并把它放在页面中想要的位置,第1张

1、先新建一个html文件,命名为test.html。

2、在test.html文件内,使用div标签创建一个模块,并设置其id为outinput,主要用于下面通过该id获得div对象。

3、在js标签内,定义一个数组arr,数组内定义三个元素,分别为“测试一”,“测试二”,“测试三”。

4、在js标签内,通过length属性获得数组arr的长度,即元素的个数,主要用于for语句中限制循环的次数。

5、在js标签内,定义一个变量html,使用for循环遍历arr数组,每次读取数组元素,将元素值与p标签组合,用于实现在页面出来。

6、在js标签内,使用getElementById()方法通过id(outinput)获得div对象,通过innerHMTL属性将html变量输出在页面div标签中,从而实现取出数组值并显示出来。

7、最后在浏览器打开test.html文件,查看实现的效果,就完成了。

type是text,button的可以使用: object.value=变量名.toString()//字符串类型可以直接=变量名 (object就是text或者button) 标签是textarea,div,td都可以使用: object.innerHTML=变量名.toString//同上 (object是textarea,div,td) 取object可以: var obj = document.getElementBy("标签ID名")

1、可以直接以提示框的形式输出

alert("输出的内容")

2、可以输出到网页的某个位置

1、在显示输出的位置放一个标签<a id="out"></a>

2、根据id获取到标签a:var out=document.getElementById('out')

3、设置输出的值:out.innerHTML="输出的值"