翻译 Google Chrome 扩展 HTML 表单答案

【问题标题】：Translating Google Chrome Extension HTML Form翻译 Google Chrome 扩展 HTML 表单
【发布时间】：2013-07-01 17:01:52
【问题描述】：

我有一个 Google Chrome 扩展程序，其中包含一个 HTML 表单，如下所示

    <form action="http://www.geocaching.com/track/details.aspx?tracker=" method="get" class="f" target="_blank">
        <input type="search" name="tracker" placeholder="Tracking Number" maxlength="10"/>
        <input type="submit" class="btn search-submit" value="Search"> 
    </form>

我需要翻译表单中的placeholder 和value 标记，但我不知道如何翻译HTML 标记中的项目。我已经使用 JavaScript chrome.i18n.getMessage("name") 成功翻译了 HTML 文件中其他地方的纯文本，但我不知道如何将其应用于 HTML 表单。

任何帮助将不胜感激

【问题讨论】：

标签： javascript html google-chrome google-chrome-extension

【解决方案1】：

setattribute 函数可用于更改属性值。

var element = document.getElementByName("tracker"); element.setAttribute("placeholder", "attributeValue");

var element = document.getElementsByClassName("btn search-submit"); element.value("属性值");

【讨论】：

在 Chrome 调试控制台中显示错误：Uncaught TypeError: Object # has no method 'setAttribute'
我希望它使用chrome.i18n.getMessage("name") 方法自动翻译。