id 属性返回 null 或 undefined [重复]

Posted 2023-03-05

【中文标题】id 属性返回 null 或 undefined [重复]

【英文标题】：id property returns null or undefined [duplicate]

【发布时间】：2015-08-12 03:41:49

【问题描述】：

我试图让 ID 属性挂起 getElementById 方法，但它似乎返回 null 或未定义。我检查了我的 html，它确实有一个与之关联的 ID。我给我的所有列都设置了不同的 ID，所以多次出现相同的 ID 不是问题。

var columnID = $(this).closest(".col-md-4.column").id;
console.log(columnID);
var column = document.getElementById(columnID);

 <div class="row" id="columns">
<div class="col-md-4 column" id="col1">
    <div class="panel panel-default" draggable="true">
        <div class="panel-heading">
            <h3 class="panel-title">
                Panel title
                <span class="glyphicon glyphicon-pencil panel-icons"></span>
                <span class="glyphicon glyphicon-zoom-in panel-icons"></span>
                <span class="glyphicon glyphicon-trash panel-icons"></span>
            </h3>
        </div>
        <div class="panel-body" id="testchart">
            CHART GOES HERE
        </div>
    </div>

    <div class="panel panel-default" draggable="true">
        <div class="panel-heading">
            <h3 class="panel-title">
                Panel title
                <span class="glyphicon glyphicon-pencil panel-icons"></span>
                <span class="glyphicon glyphicon-zoom-in panel-icons"></span>
                <span class="glyphicon glyphicon-trash panel-icons"></span>
            </h3>
        </div>
        <div class="panel-body">
            World
        </div>
    </div>

    <div class="panel panel-default" draggable="true">
        <div class="panel-heading">
            <h3 class="panel-title">
                Panel title
                <span class="glyphicon glyphicon-pencil panel-icons"></span>
                <span class="glyphicon glyphicon-zoom-in panel-icons"></span>
                <span class="glyphicon glyphicon-trash panel-icons"></span>
            </h3>
        </div>
        <div class="panel-body">
            Hello
        </div>
    </div>
</div>
<div class="col-md-4 column" id="col2">

</div>
<div class="col-md-4 column" id="col3">

【问题讨论】：

试试 $(this).closest(".col-md-4.column").attr('id')

嗨@George 工作就像一个魅力把它作为我可以勾选它的答案？

另一种方式var columnID = $(this).closest(".col-md-4.column").get(0).id;

【参考方案1】：

试试

$(this).closest(".col-md-4.column").attr('id')

必须使用 .attr 方法访问属性

【参考方案2】：

试试这个：

var columnID = $(this).closest(".col-md-4.column").attr('id');

【参考方案3】：

没有id 属性。使用.attr('id')。