1.<a>标签直接加id,然后用getElementById
2.用onclick事件配合this直接传递给相关函数
<td><a href="#" class="c" onclick="func(this)">显示</a></td>js获取元素方法有:1、getElementById :根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第一个对象的引用。假如对应的为一组对象,则返回该组对象中的第一个。
2、getElementsByName:getElementsByName(name)该方法与 getElementById() 方法相似,但是它查询元素的 name 属性,而不是 id 属性。
另外,因为一个文档中的 name 属性可能不唯一(如 HTML 表单中的单选按钮通常具有相同的 name 属性),所以getElementsByName() 方法返回的是所有匹配元素组成的数组,而不是一个元素。
3、getElementsByTagName:getElementsByTagName() 方法会使用指定的标签名返回所有的元素(作为一个节点列表),这些元素是您在使用此方法时所处的元素的后代。
getElementsByTagName() 可被用于任何的 HTML 元素
如果把特殊字符串 "*" 传递给 getElementsByTagName() 方法,它将返回文档中所有元素的列表,元素排列的顺序就是它们在文档中的顺序。
传递给 getElementsByTagName() 方法的字符串可以不区分大小写。
<script type="text/javascript">
// 获取指定form中的所有的<input><select>对象
function getElements(formId) {
var form = document.getElementById(formId)
if(form == null){
return false
}
var elements = new Array()
var inputTagElements = form.getElementsByTagName('input')
for (var j = 0j <inputTagElements.lengthj++) {
elements.push(inputTagElements[j])
}
var selectTagElements = form.getElementsByTagName('select')
for (var j = 0j <selectTagElements.lengthj++) {
elements.push(selectTagElements[j])
}
return elements
}
扩展资料:
form表单提交
在form标签中添加Action(提交的地址)和method(post),且有一个submit按钮。
(<input type='submit'>)就可以进行数据的提交,每一个input标签都需要有一个name属性,才能进行提交。
当点击登陆时,向数据库发生的数据是:username=username&password=password.
这种默认的提交方式,一般会进行页面的跳转(不成功时跳转到当前页面)。而有时候是对弹出框进行数据提交的,希望提交成功则关闭弹出框并刷选父页面,失败则提示失败原因,且弹出框不关闭。此时可以采用Ajax进行数据提交。