获取元素的ID

185

还有另一种获取DOM元素ID的方法吗？

element.getAttribute('id')

javascript html

— 拉那
source

289

是的，你可以只使用.id属性的的DOM元素，例如：

myDOMElement.id

或者，是这样的：

var inputs = document.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
  alert(inputs[i].id);
}

— 尼克Craver
source

3

@Rana-是的，这是一个DOM元素属性，所有特定元素都继承自基本dom元素，因此它们具有该属性：)

— Nick Craver

18

对此感到厌倦，因为myDOMElement.id它也可以返回ID或名称为'id'的子元素。如在此jsfiddle中所见

— bhattamer

20

是的，您可以简单地说：


function getID(oObject) 
{
    var id = oObject.id;
    alert("This object's ID attribute is set to \"" + id + "\"."); 
}

签出： ID属性| id属性

— 莫特萨·马纳维（Morteza Manavi）
source

15

这也可以工作：

document.getElementsByTagName('p')[0].id

（如果元素位于文档中的第一段）

— 多诺霍
source

getElementsByClassNameIE 9（之前的IE）不支持。

— user113716'9

那是一个错误。意思是“ getElementByTagName”，用于处理标签

— donohoe

4

超级简单的方法是

  $('.CheckBxMSG').each(function () {
            var ChkBxMsgId;
            ChkBxMsgId = $(this).attr('id');
            alert(ChkBxMsgId);
        });

告诉我这是否有帮助

— Tj Laubscher
source

1

在事件处理程序中，您可以按以下方式获取ID

function show(btn) {
  console.log('Button id:',btn.id);
}

<button id="myButtonId" onclick="show(this)">Click me</button>

展开摘要

— 卡米尔（KamilKiełczewski）
source

0

您需要检查是否为字符串，以避免获取子元素

var getIdFromDomObj = function(domObj){
   var id = domObj.id;
   return typeof id  === 'string' ? id : false;
};

— 泽维尔·费利佩·麦地那
source

-2

这将获取ID为“ ele”的元素的ID并发出警报。

var id = document.getElementById("ele").id;
alert("ID: " + id);

— 杰斯珀·恩伯格
source

9

如果您知道id，那么这行需要什么？

— shafeeq

出于说明目的。代码不一定总是真实的。

— 格雷厄姆

-4

是。您可以通过调用ID获得其元素的ID document.getElementById。如果找到，它将返回一个元素节点，null否则：

var x = document.getElementById("elementid");   // Get the element with id="elementid"
x.style.color = "green";                        // Change the color of the element

— Unixmiah
source