1、第一步,打开HBuilder开发工具,新建静态页面button.html,并引入相关的js和css文件,如下图所示:
2、第二步,在<body></body>元素内插入div元素,并在<div></div>元素内插入一个button,设置按钮id、class和文本内容,如下图所示:
3、第三步,在jquery初始化函数内调用按钮click点击事件,并获取button按钮的属性、方法和事件;在浏览器中预览该静态页面,查看按钮相关信息,如下图所示:
4、第四步,利用innerText方法获取按钮文本内容,这种方法是JavaScript的,如下图所示:
5、第五步,再次将innerText换成outerText,这种方法也能获取按钮文本内容,如下图所示:
6、第六步,再次将outerText换成textContent方法,这也能获取到按钮文本内容,如下图所示:
7、第七步,利用jquery方法获取按钮文本内容,使用text()方法,如下图所示: