您好,我正在尝试更新以下脚本的innerHTML
<div id="global-alert-queue" class="layout-wrapper">
<div class="alert success animate-in" role="alert">
Your submission was successful.
<button id="dismiss-alert" class="dismiss" type="button"></button>
</div>
</div>
我尝试过以下
var cls =document.getElementById("global-alert-queue").getElementsByClassName("animate-in")[0].innerHTML = "Change Text";
但它不起作用。
请参阅内嵌评论:
// Run when document is completely rendered and is ready to be manipulated
document.addEventListener("DOMContentLoaded", function () {
document.querySelector("#global-alert-queue .animate-in").innerHTML = "Change Text";
});
Demo: http://jsfiddle.net/tusharj/kg3cc4gw/3/ http://jsfiddle.net/tusharj/kg3cc4gw/3/
查询选择器
返回文档中与指定选择器组匹配的第一个元素(使用文档节点的深度优先前序遍历)。
More on querySelector
: https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)