querySelector网页导航栏添加logo 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/x-icon" href="http://common.cnblogs.com/favicon.svg"/>
    <title>querySelector网页导航栏添加logo</title>
</head>
<body>
    <script>
        console.log('querySelector网页导航栏添加logo',document.querySelector("link[rel*='icon']"), document.getElementsByTagName("title")[0].innerText)

        // document.title = 'querySelector网页导航栏添加logo'
        const icon_url = 'https://static.runoob.com/images/favicon.ico'
        const link = document.querySelector("link[rel*='icon']")
        // querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。
        link.type = 'image/x-icon'
        link.rel = 'shortcut icon'
        link.href = icon_url
    </script>
</body>
</html>

 

posted @ 2020-12-28 11:45  日升月恒  阅读(265)  评论(0)    收藏  举报