我有以下 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]);
});
最佳答案
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]);
});
关于javascript - 无法显示父 div 中的子节点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35479280/