设置名称属性动态

Question

可能重复：
getElementByClass().setAttribute doesn't work

为什么这样的：

document.getElementsByClassName('cke_source').setAttribute('name', "mymessage") 

将返回：

TypeError: Object #<NodeList> has no method 'setAttribute' 

document.getElementsByClassName('cke_source')正确返回对象。

• 请不要jQuery。

Answer 1

document.getElementsByClassName将返回一个节点列表（如数组）的元素。所以，你需要把它看作一个数组。如果您只有一个元素，请尝试以下操作：

document.getElementsByClassName('cke_source')[0].setAttribute('name', "mymessage") 

Answer 2

getElementsByClassName将返回项目集合，而不是单个项目。

var pColl = document.getElementsByClassName('cke_source'); 
for (var ii=0; ii< pColl.length; ii++) 
{ 
    pColl[ii].setAttribute('name', 'foo'); 
}