[JavaScript知识库]vue--修改项目浏览器页面的文字和图片

title在html中属于特殊的节点元素.因为它可以使用document.getElementsByTagName("title")[0]来获取网页的title标签,但却无法用document.getElementsByTagName("title")[0].innerHtml用更改它的值。经测试原生js有两种方式可以修改
innerText 方式
通过console.log(document.getElementsByTagName("title")[0]),发现能打印出
标签，标签里面只有文字节点，故猜测只能识别TextNode，所以用innerText方式设置title的值，果然成功了。
document.getElementsByTagName("title")[0].innerText = '需要设置的值';

document.title方式

经过测试，还可通过document.title 设置title的值。

 
router.beforeEach((to, from, next) => {
    if (to.meta.title) {
        document.title = to.meta.title
    } else {
        document.title = '默认标题'
    }
    next()
 

document.getElementsByTagName("title")[0]也可以

点击用户展示用户

了解本专栏 订阅专栏 解锁全文 超级会员免费看