使用Javascript更新页面标题和Span标记值
我有一个id='title'的span标记,该值在一段时间后会更改。我想在页面更新时使用此值更新页面标题 e、 g.使用Javascript更新页面标题和Span标记值,javascript,dom-events,Javascript,Dom Events,我有一个id='title'的span标记,该值在一段时间后会更改。我想在页面更新时使用此值更新页面标题 e、 g.标题——这是当前标题 当一段时间后,它被另一个脚本更新为 <span id='title'>New title</span> 新标题 我想更新网页的标题为“新标题”,每当它改变,无论它改变多少次 现在我必须每1秒调用一次函数来更新页面标题。页面标题会一直闪烁。因此,我希望监视更改,每当值更改时,我希望该值成为页面的标题。这场讨论似乎关注的是同一个问题,
标题
——这是当前标题
当一段时间后,它被另一个脚本更新为
<span id='title'>New title</span>
新标题
我想更新网页的标题为“新标题”,每当它改变,无论它改变多少次
现在我必须每1秒调用一次函数来更新页面标题。页面标题会一直闪烁。因此,我希望监视更改,每当值更改时,我希望该值成为页面的标题。这场讨论似乎关注的是同一个问题,而不是一个跨度,他们正在监视一个div。我知道您希望使用纯JavaScript来实现这一点,但我认为该线程仍然值得查看。
是的。你可以通过 突变观察者 我在评论中根据您的JSFIDLE链接回答了您的问题,我使用了MutationObserver来实现您想要的
var MutationObserver = window.MutationObserver || window.WebKitMutationObserver ||
window.MozMutationObserver;
var target = document.querySelector('#demo');
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
if (mutation.type === 'childList') {
console.log(mutation.type);
document.getElementById('status').innerHTML='changed';
}
});
});
observer.observe(target, {
attributes: true,
childList: true,
characterData: true
});
我已经把它分给了这个
希望有帮助您不能从更新跨度本身的脚本中更新标题?我想使用另一个监视跨度并更新标题的脚本更新标题这可能会有所帮助。请试一试。我正在尝试我想在这段代码中打印带有id Status的p标签中的newtitle用工作的Fiddle检查我的答案,但这存在浏览器支持问题。是的,这是正确的。正式使用Observer时存在浏览器支持问题。在Chrome和Safari中,它仍然被认为是实验性的。您可以使用它,但结果可能会有所不同。谢谢你,哈利尔。你的也在工作。但我使用javascript cookies,并每秒检查更改。