Google Form加载时DOM元素操作问题：无法修改指定输入框背景色

首先得给你点破核心问题：你用错脚本环境了！

你设置的触发器是Google Apps Script（GAS）的“表单打开时”触发，但GAS是运行在谷歌服务器端的代码，它完全访问不到用户浏览器里的DOM元素——简单说就是，你的document.querySelectorAll这类浏览器专属的API，在GAS里根本不存在，这就是为什么代码没效果、console.log也没输出的原因。

正确的实现方式：用户脚本（User Script） #

因为Google Form出于安全限制，不允许直接嵌入自定义客户端脚本，所以要实现修改输入框样式的需求，得用浏览器的用户脚本扩展（比如Tampermonkey、Violentmonkey）来注入客户端代码。

具体步骤：

1. 先给你的浏览器安装Tampermonkey（或者同类的用户脚本扩展，随便选一个就行）。
2. 打开扩展，创建一个新的用户脚本。
3. 替换成下面的代码，记得把@match里的URL换成你自己的Google Form地址：

// ==UserScript==
// @name         高亮Google Form的Job ID输入框
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  把Job ID输入框的背景改成红色
// @author       你自己
// @match        https://docs.google.com/forms/d/e/你的表单ID/viewform*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Google Form是动态加载的，所以需要等元素出现再操作
    function waitForElement(selector, callback) {
        const checkInterval = setInterval(() => {
            const targetElement = document.querySelector(selector);
            if (targetElement) {
                clearInterval(checkInterval);
                callback(targetElement);
            }
        }, 100);
    }

    // 等待Job ID输入框加载完成，然后修改背景色
    waitForElement('[aria-label="Job ID"]', (element) => {
        element.style.backgroundColor = 'red';
        console.log('Job ID输入框已经改成红色啦！');
    });
})();

为什么要这么做？

• 用户脚本是运行在你的浏览器里的，直接和页面DOM交互，能准确找到并修改表单元素。
• 加了waitForElement函数是因为Google Form是异步渲染的，页面刚加载时可能还没出现目标输入框，用定时器轮询能确保元素出现后再执行操作。

额外提醒 #

如果[aria-label="Job ID"]这个选择器不好用（比如Google Form更新了属性），可以右键输入框→检查，看看元素的其他属性（比如name、父类的class），替换成更稳定的选择器就行。

内容的提问来源于stack exchange，提问作者redditor