Javascript 引导Popover内元素的document.querySelector

我想在popover中选择元素，并在单击时创建ajax get调用。首先，我无法选择元素

2016-06-06
工人1
8h

$（“#worker1_date1”）.popover({
是的，
内容：“任务1:6h.批准：假批准任务2:2h.批准：真不批准”，
});
//这很有效
document.querySelector（“#worker1_date1”）.textContent=“Modified Text”
//这行不通
document.querySelector（“#btn_worker1_date1”）.textContent=“修改后的文本”

---

Fiddle

只有在您单击其附加到的元素时，popover才会将其HTML添加到DOM中。因此，当运行

document.querySelector（“#btn_worker1_date1”）.textContent=“Modified Text”

时，DOM中不存在ID为

#btn_worker1_date1

的元素，因此无法更改

您可以通过监听显示popover时触发的事件来解决此问题

popover.on('shown.bs.popover', () => {
   document.querySelector("#btn_worker1_date1").textContent = "Modified Text";
});

---

请参见

仅当您单击其附加到的元素时，popover才会将其HTML添加到DOM中。因此，当运行

document.querySelector（“#btn_worker1_date1”）.textContent=“Modified Text”

时，DOM中不存在ID为

#btn_worker1_date1

的元素，因此无法更改

您可以通过监听显示popover时触发的事件来解决此问题

popover.on('shown.bs.popover', () => {
   document.querySelector("#btn_worker1_date1").textContent = "Modified Text";
});

---

请参见检查该小提琴，按钮id为

btn_worker1_date1

so

$（“#btn_worker1_date1”）。单击（…）。

应该足够。$（“#btn_worker1_date1”）。单击（函数（）{alert（“Test”）}；它不起作用：（.检查小提琴时，按钮id是

btn_worker1_date1

so

$（“#btn_worker1_date1”）。单击（…）。

就足够了。$（“#btn_worker1_date1”）。单击（函数（）{alert（“Test”）；它不起作用：（。