☰

UserScript demo for Baidu main page.

this is the description

如何安装

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴、Greasemonkey 油猴子 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴 或 Userscripts ，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！） 

// ==UserScript==
// @name UserScript demo for Baidu main page.
// @namespace http://tampermonkey.net/
// @version 0.1
// @description  this is the description
// @match *www.baidu.com*
// @grant GM_addStyle
// @license MIT
// ==/UserScript==



function main() {
    // add button to headNav
    let headNav = document.querySelector("#s-top-left");
    let myButton = document.createElement("Button");
    myButton.innerText = 'news';
    myButton.addEventListener('click', () => {
        // get all the news on the right side
        let newsList = document.querySelectorAll(".s-news-rank-content > li > a > span.title-content-title");
        for (const node of newsList) {
            console.log(node.innerText);
        }

    })
    headNav.appendChild(myButton);

}

(function () {
    'use strict';
    main();
})()