jquery - 在我的HTML网站的Google自定义搜索引擎中将占位符添加到文本框中

我使用以下代码添加了Google自定义搜索引擎。

(function() {
    var cx = '005899633628958982661:wekn1lpckzg';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
                '//cse.google.com/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
})();

现在，我的网站上有一个可以使用的搜索框，唯一的问题是我无法将占位符用于搜索文本框。

我也尝试过代码

$('input.gsc-input').attr('placeholder', 'custom text here');

但它不起作用。

最佳答案

我使用了以下代码，它对我有用！

(function() {
    var cx = '!!!!!!!!!!!!!!!!!!!';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = 'https://cse.google.com/cse.js?cx='+ cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
})();

window.onload = function(){
document.getElementById('gsc-i-id1').placeholder = 'SEARCH';
};