如何获取其名称在Javascript中已知的元素的id

时间:2012-03-05 11:26:50

标签: javascript html getelementsbyname

我知道HTML元素的名称但不知道id。如何使用Javascript使用元素的名称获取id。请帮助。

3 个答案:

答案 0 :(得分:19)

var elements = document.getElementsByName( 'yourname' );
var id = elements[0].getAttribute( 'id' );

docu @ MDN

如果您有该名称的多个元素,则必须运行elements数组并选择正确的数组。如果只有一个,上面的代码将起作用。

答案 1 :(得分:4)

Sirko的方式是正确的。如果你(或其他任何人)感兴趣,这是jquery的做法:

alert($("*[name='foo']").attr('id'));

<强> DEMO

答案 2 :(得分:2)

Sirko的方式是正确的。万一你(或其他任何人)感兴趣,这里是奇怪的三元运算符javascript风格:

var id = ( typeof (el = document.getElementsByTagName("div")[0]) != "undefined" ) ? el.getAttribute("id"):"Element does not exist";

玩得开心:-D

编辑:通过将所有内容放在一行来降低可读性。 请注意保存一个查询的全局命名空间污染。这种风格也防止了Sirkos Code中可能出现的错误。