js获取按钮标签上的名字?
时间: 2023-06-12 12:02:13 浏览: 52
您可以使用以下代码获取按钮标签的名称:
```javascript
var buttonName = document.getElementById("buttonId").innerHTML;
console.log(buttonName);
```
其中,`buttonId` 是您按钮的 ID,您可以将其替换为您实际使用的 ID。这段代码会将按钮标签的内容作为字符串赋值给 `buttonName` 变量,并将其输出到浏览器控制台中。
希望能够帮助您解决问题!
相关问题
点击按钮获取当前标签内的value
要获取当前 HTML 标签内的 value 值,可以使用 JavaScript。假设你想要获取一个 input 标签的 value 值,可以使用以下代码:
```javascript
var value = document.querySelector('input').value;
console.log(value);
```
这里使用了 `document.querySelector()` 方法来获取第一个 input 标签,然后使用 `value` 属性获取其值,并将其打印到控制台中。如果有多个 input 标签,可以使用其他选择器来精确选择要获取 value 值的标签。
用js写获取元素信息的按钮
可以使用以下代码实现获取元素信息的按钮:
```html
<button onclick="getElementInfo()">获取元素信息</button>
```
```javascript
function getElementInfo() {
// 获取元素
const element = document.getElementById('myElement');
// 获取元素的标签名
const tagName = element.tagName;
// 获取元素的类名
const className = element.className;
// 获取元素的 ID
const id = element.id;
// 获取元素的文本内容
const textContent = element.textContent;
// 获取元素的值
const value = element.value;
// 打印元素信息
console.log(`标签名:${tagName}`);
console.log(`类名:${className}`);
console.log(`ID:${id}`);
console.log(`文本内容:${textContent}`);
console.log(`值:${value}`);
}
```
在这个例子中,我们使用 `getElementById` 方法获取元素,并在按钮的 `onclick` 事件中调用 `getElementInfo` 函数来获取元素信息。在 `getElementInfo` 函数中,我们使用一些常用的方法来获取元素信息,并将其打印到控制台上。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)