javascript - 无法显示父 div 中的子节点

Question

我有以下 HTML:

<div id="myModal" class="modal fade in" role="dialog" style="display: block; padding-right: 13px;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <div class="modal-body">
                    <div id="modal-alert" class="alert hidden"></div>
                    <div id="modal-body-content"></div>
                    <div class="modal-footer">

我想显示包含 div modal-body 的子节点。

单击 anchor 打开模态框时出现错误

$("a#showUser").on('click', function(evt) {
    var parentElement = document.getElementsByClassName('modal-body');
    console.log(parentElement);
    console.log(parentElement.childNodes[0]);
});

Answer 1

document.getElementsByClassName('modal-body') 返回节点数组，因此您无法访问数组上的 childNodes。将其更改为类似这样的内容。

$("a#showUser").on('click',function(evt){
   var parentElements = document.getElementsByClassName('modal-body');
   console.log(parentElements);
   console.log(parentElements[0].childNodes[0]);
});