如何利用JavaScript属性方法获取按钮文本内容

来源：互联网 2023-03-16 23:54:17 339

JavaScript中含有很多属性，可以利用方法直接获取元素的属性值；同样的，jquery也有对应的方法获取该属性值。下面利用一个实例说明获取按钮文本内容，具体操作如下：

工具/原料

第一步，打开HBuilder开发工具，新建静态页面button.html，并引入相关的js和css文件，如下图所示：

如何利用JavaScript属性方法获取按钮文本内容

第二步，在body>/body>元素内插入div元素，并在div>/div>元素内插入一个button，设置按钮id、class和文本内容，如下图所示：

如何利用JavaScript属性方法获取按钮文本内容

2此文章非法爬取自百度经验

第三步，在jquery初始化函数内调用按钮click点击事件，并获取button按钮的属性、方法和事件；在浏览器中预览该静态页面，查看按钮相关信息，如下图所示：

如何利用JavaScript属性方法获取按钮文本内容

第四步，利用innerText方法获取按钮文本内容，这种方法是JavaScript的，如下图所示：

如何利用JavaScript属性方法获取按钮文本内容

第五步，再次将innerText换成outerText，这种方法也能获取按钮文本内容，如下图所示：

如何利用JavaScript属性方法获取按钮文本内容

第六步，再次将outerText换成textContent方法，这也能获取到按钮文本内容，如下图所示：

如何利用JavaScript属性方法获取按钮文本内容

第七步，利用jquery方法获取按钮文本内容，使用text()方法，如下图所示：

如何利用JavaScript属性方法获取按钮文本内容

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！