html页面中,怎么在html元素中引用js设置的参数?

html-css053

html页面中,怎么在html元素中引用js设置的参数?,第1张

js不单可以给html添加样式,还可以添加文本、元素以及属性。

以input为例:

input的属性type、value的属性值都可以由JS来设置。下面贴出简单代码:

<<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

</head>

<body>

<input type="button" value="按钮" id="inp"/>

<script>

var oinp=document.getElementById("inp")//获取需要操作的标签

oinp.onclick=function(){//建立触发事件的函数

this.type="input"//改变标签的类型

this.value="文本框"//改变标签的文本

}

</script>

</body>

</html>

这是最简单的参数改变。

如果还有不明白的请追问。

1、首先创建一个文件夹,这个文件夹有一个js文件夹和一个html文件。js文件夹用来存放需要引入的js文件。

2、打开html文件,在html文件上找到<body>,在<body>标签里创建一个按钮标签,然后给这个标签添加一个点击addJs事件。

3、在js文件夹下创建一个js文件为addJs.js。

4、在addJs.js文件上输入一个alert弹出框并保存,当引入js文件成功就会执行alert弹出框。

5、回到html文件,在按钮输入框后面创建一个script标签,然后添加用来引入addJs.js文件的addJs事件。

6、保存html文件后使用浏览器打开,点击按钮即可看到出现一个弹出,表示引入js文件成功。