1、创建一个名称为 type_button 的html文件 。
2、添加2个button按钮,一个button在点击事件中加入自定义函数 mytype_button,另一个button设置id和type属性值为“button”。
3、添加一p标签,设置id 为 showtype_button。
4、在javascript中创建一个自定义函数 mytype_button。
5、在自定义函数中获取button对象。用type属性获取属性值。
6、在浏览器中打开文件,点击button后会显示获取到的type属性值为“button”。
要获取button按钮的ID的值,首先要定位到这个BUTTON,
因为是要获得ID
,所以不能用ID去定位,
可以考虑用NAME去定位,前提NAME的值要是唯一的,
这样根据document.
getElementsByName找出的元素只有一个,
取他的第一个元素就可以定位到该button,
通过
b.id可以获取button的ID值
1、首先打开hbuilder软件,新建一个html文档,写入一个form,在form中设置一个input标签,将type属性设置button得到一个按钮,然后在上方的style标签中设置input标签的css属性,设置高度、宽度、背景颜色等属性:
2、然后在下方设置一个script标签,写入js脚本,脚本中先获取按钮的dom元素,然后用addEventListen添加一个点击事件,在点击事件的回调函数中弹出btn的value就可以了:
3、最后打开浏览器,可以看到一个很大的灰色的按钮:
4、点击这个按钮后,就会弹出按钮的文字了: