用js获取网页DOM（例：input标签的ID）的chrome插件

</pre><p>在JavaScript中有多钟获取DOM元素的方法，常见的有getElementById、getElementsByName、getElementsByTagName、getElementsByClassName，分别是通过id、name、标签名和类名获取元素，注意只有第一个是Element，其他三个都是Elements，因为HTML中元素名必须唯一，其他则不必。下面就以获取网页input标签的ID为例：</p><p>1、</p><p>manifest.json:</p><p></p><pre name="code" class="html">{
"manifest_version":2,
"version":"1.0",
"name":"getid",
"description":"get elements'id",
"icons":{
"16":"images/icon16.png"
},
"content_scripts":[
{
"matches":["*://*/*"],
"js":["js/content.js"]
}
]
}

conten.js:

window.onload = function(){
var list=document.getElementsByTagName("input");
var strData;
for(var i=0;i<list.length && list[i];i++)
{
if(list[i].type == "text"&&list[i].id != "subEmail")
{
strData=list[i];
alert(strData.id);
}
}
}

加载插件成功后，重新载入页面，即可看到弹框显示的每个input的ID。

2、要是想通过页面间的通信来实现上面的功能：函数如下：

manifest.json:

{
"manifest_version":2,
"version":"1.0",
"name":"getid",
"description":"get elements'id",
"icons":{
"16":"images/icon16.png"
},
"background":{
"scripts":[
"js/background.js"
]
},
"content_scripts":[
{
"matches":["*://*/*"],
"js":["js/content.js"]
}
]
}

background.js:

/**
* Created by Administrator on 15-1-4.
*/
chrome.runtime.onMessage.addListener(function(message,sender,sendResponse){
alert("ID都有"+message);
});

content.js:

/**
* Created by Administrator on 15-1-4.
*/
window.onload = function(){
var list=document.getElementsByTagName("input");
var strData;
for(var i=0;i<list.length && list[i];i++)
{
if(list[i].type == "text"&&list[i].id != "subEmail")
{
strData=list[i];
chrome.runtime.sendMessage(strData.id);
}
}

}