javascript - 如何获得"可写" HTML组件?

时间:2014-12-11 00:32:33

标签: javascript html input firefox-addon textarea

我的问题是我想创建一个Firefox AddOn,我需要从HTML文档中提取每个“可写”(我的意思是:inputtextarea或其他写文字的方法)使用它的价值。

我知道方法document.getElementByTagName(),但案例是我不知道输入文本有多少标签(或网页上通常有)以这种方式引用它们;或者即使这个问题可以解决。

我真的非常感谢任何有用的帮助或想法,所以我可以继续这个项目。

1 个答案:

答案 0 :(得分:1)

您只有2个可能的标签:textareainput。问题是,对于HTML5,输入标签有几种类型,你可以插入文本,但你还有另一种类型,你不能(如提交或无线电):

  1. 颜色
  2. 日期
  3. datetime
  4. 电子邮件
  5. 号码
  6. 密码
  7. 搜索
  8. 电话
  9. 文本
  10. 时间
  11. URL
  12. 您可以使用document.querySelectorAll函数来检索这些元素:

    document.querySelectorAll("textarea input[type=text] input[type=email]");

    请注意,我只在选择器中包含文本和电子邮件,但它只是一个示例模式。您应该添加您认为必要的所有类型。

    Here您拥有输入标记的所有可能类型以及浏览器支持,我建议查看文档以更好地了解哪些标记应与您相关。