我想替换html元素中的内容，所以我使用以下函数:
function ReplaceContentInContainer(id,content) {
var container = document.getElementById(id);
container.innerHTML = content;
}
ReplaceContentInContainer('box','This is the replacement text');
<div id='box'></div>
上面的工作很好，但问题是我有一个页面上的html元素，我想替换的内容。所以我不能用id，只能用类。有人告诉我，javascript不支持任何类型的内置get元素的类函数。那么，如何修改上面的代码以使其使用类而不是id呢?
附注:我不想使用jQuery。
当前回答
当一些元素缺少ID时，我像这样使用jQuery:
$(document).ready(function()
{
$('.myclass').attr('id', 'myid');
});
这可能是一个奇怪的解决方案，但也许有人会觉得它有用。
其他回答
当一些元素缺少ID时，我像这样使用jQuery:
$(document).ready(function()
{
$('.myclass').attr('id', 'myid');
});
这可能是一个奇怪的解决方案，但也许有人会觉得它有用。
我很惊讶没有使用正则表达式的答案。这就是Andrew使用RegExp给出的答案。test而不是String。indexOf，因为根据jsPerf测试，它似乎对多个操作执行得更好。 IE6似乎也支持它。
function replaceContentInContainer(matchClass, content) {
var re = new RegExp("(?:^|\\s)" + matchClass + "(?!\\S)"),
elems = document.getElementsByTagName('*'), i;
for (i in elems) {
if (re.test(elems[i].className)) {
elems[i].innerHTML = content;
}
}
}
replaceContentInContainer("box", "This is the replacement text.");
如果经常查找相同的类，可以将(预编译的)正则表达式存储在其他地方，并直接将它们传递给函数，而不是字符串，从而进一步改进它。
function replaceContentInContainer(reClass, content) {
var elems = document.getElementsByTagName('*'), i;
for (i in elems) {
if (reClass.test(elems[i].className)) {
elems[i].innerHTML = content;
}
}
}
var reBox = /(?:^|\s)box(?!\S)/;
replaceContentInContainer(reBox, "This is the replacement text.");
我假设这不是一个有效的选项时，这是最初的要求，但您现在可以使用document.getElementsByClassName(");。例如:
var elements = document.getElementsByClassName(names); // or:
var elements = rootElement.getElementsByClassName(names);
有关更多信息，请参阅MDN文档。
简单易行的方法
var cusid_ele = document.getElementsByClassName('custid');
for (var i = 0; i < cusid_ele.length; ++i) {
var item = cusid_ele[i];
item.innerHTML = 'this is value';
}
当然，所有现代浏览器现在都支持以下更简单的方式:
var elements = document.getElementsByClassName('someClass');
但要注意的是，它不支持IE8或之前的版本。参见http://caniuse.com/getelementsbyclassname
另外，并不是所有浏览器都会像它们应该的那样返回一个纯NodeList。
您最好还是使用您最喜欢的跨浏览器库。
