编程 Javascript

JavaScript获取按钮所在form表单id的方法

Posted in Javascript onApril 02, 2015

本文实例讲述了JavaScript获取按钮所在form表单id的方法。分享给大家供大家参考。具体如下：

这里使用javascript获取form表单按钮的id，可以通过下面的JS代码获取。

<!DOCTYPE html>
<html>
<body>
<h1>www.sharejs.com</h1>
<form id="form1">
<button id="button1" type="button">Click me!</button>
</form>
<p>The id of the form containing the button is:
<script>
document.write(document.getElementById("button1").form.id);
</script></p>
</body>
</html>

运行结果如下：

The id of the form containing the button is:button1

希望本文所述对大家的javascript程序设计有所帮助。

JavaScript获取按钮所在form表单id的方法

- Author -

work24

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本

Sep 22 Javascript

广告代码静态化js通用函数

May 09 Javascript

javascript学习笔记(十八) 获得页面中的元素代码

Jun 20 Javascript

javascript常用函数归纳整理

Oct 31 Javascript

javascript实现在下拉列表中显示多级树形菜单的方法

Aug 12 Javascript

JS实现常见的TAB、弹出层效果(TAB标签，斑马线，遮罩层等)

Oct 08 Javascript

弹出遮罩层后禁止滚动效果【实现代码】

Apr 29 Javascript

浅析jquery数组删除指定元素的方法:grep()

May 19 Javascript

使用ionic切换页面卡顿的解决方法

Dec 16 Javascript

详解Vue2 SSR 缓存 Api 数据

Nov 20 Javascript

使用vue制作探探滑动堆叠组件的实例代码

Mar 07 Javascript

JS工厂模式开发实践案例分析

Oct 17 Javascript

JavaScript获取表单内所有元素值的方法

Apr 02 #Javascript

jQuery简单实现QQ空间点赞已经取消点赞

Apr 02 #Javascript

JavaScript获取网页支持表单字符集的方法

Apr 02 #Javascript

JavaScript获取网页表单action属性的方法

Apr 02 #Javascript

使用jquery清空、复位整个输入域

Apr 02 #Javascript

JavaScript获取表单enctype属性的方法

Apr 02 #Javascript

12行javascript代码绘制一个八卦图

Apr 02 #Javascript

You might like

一个程序下载的管理程序(三)

2006/10/09 PHP

图书管理程序（一）

2006/10/09 PHP

供参考的 php 学习提高路线分享

2011/10/23 PHP

Function eregi is deprecated (解决方法)

2013/06/21 PHP

PHP PDOStatement:bindParam插入数据错误问题分析

2013/11/13 PHP

PHP Session机制简介及用法

2014/08/19 PHP

php版阿里云OSS图片上传类详解

2016/12/01 PHP

教你如何解密js/vbs/vbscript加密的编码异处理小结

2008/06/25 Javascript

为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能

2009/11/24 Javascript

FileUpload 控件禁止手动输入或粘贴的实现代码

2010/04/07 Javascript

jQuery如何取id有.的值一般的方法是取不到的

2014/04/18 Javascript

JavaScript bold方法入门实例（把指定文字显示为粗体）

2014/10/17 Javascript

Javascript前端UI框架Kit使用指南之Kitjs简介

2014/11/28 Javascript

jQuery EasyUI 入门必看

2016/06/03 Javascript

20行js代码实现的贪吃蛇小游戏

2017/06/20 Javascript

Vue项目分环境打包的实现步骤

2018/04/02 Javascript

vue项目环境变量配置的实现方法

2018/10/12 Javascript

element-ui带输入建议的input框踩坑(输入建议空白以及会闪出上一次的输入建议问题)

2019/01/15 Javascript

taro开发微信小程序的实践

2019/05/21 Javascript

微信小程序在线客服自动回复功能(基于node)

2019/07/03 Javascript

转换layUI的数据表格中的日期格式方法

2019/09/19 Javascript

使用p5.js临摹动态图形

2019/10/23 Javascript

JavaScript ECMA-262-3 深入解析（一）：执行上下文实例分析

2020/04/25 Javascript

基于element-ui封装可搜索的懒加载tree组件的实现

2020/05/22 Javascript

如何利用nodejs自动定时发送邮件提醒（超实用）

2020/12/01 NodeJs

[06:37]2014DOTA2国际邀请赛昔日王者渴望重回巅峰

2014/07/12 DOTA

浅谈python中的__init__、__new__和__call__方法

2017/07/18 Python

Python中的 enum 模块源码详析

2019/01/09 Python

PyQt打开保存对话框的方法和使用详解

2019/02/27 Python

详解【python】str与json类型转换

2019/04/29 Python

详解Python可视化神器Yellowbrick使用

2019/11/11 Python

Pytoch之torchvision.transforms图像变换实例

2019/12/30 Python

解决安装新版PyQt5、PyQT5-tool后打不开并Designer.exe提示no Qt platform plugin的问题

2020/04/24 Python

Python利用matplotlib绘制折线图的新手教程

2020/11/05 Python

夏威夷航空官网：Hawaiian Airlines

2016/09/11 全球购物

go web 预防跨站脚本的实现方式

2021/06/11 Golang