如何获得多个divs
如何获得多个divs
提问于 2013-09-16 21:29:52
我正在尝试在我的页面上得到一个DIV数组，并替换其中的一些html，但是我只能得到第一个DIV。我使用了getElementsByName并得到了同样的结果。我确信有一个简单的解决办法，但我找不到。这是我在jsfiddle - http://jsfiddle.net/Gt4p2/上的代码
<html>
<head>
<script>
function repl() {
var x=document.getElementById("post-content").innerHTML;
var y=x.replace(/Description/g,"<b>Description</b><br/>");
for (var i=0; i<x.length; i++) {
document.getElementById('post-content').innerHTML=y;
}
}
onload = repl;
</script>
</head>
<body>
<div id="post-content">
<p>Description Power: 1W*3pcs LED color: RGB color deterioration, red, yellow, blue, green, white </p>
</div>
<div id="post-content">
<p>Description Power: 1W*3pcs LED color: RGB color deterioration, red, yellow, blue, green, white </p>
</div>
<div id="post-content">
<p>Description Power: 1W*3pcs LED color: RGB color deterioration, red, yellow, blue, green, white </p>
</div>
</body>
</html>回答 2
Stack Overflow用户
回答已采纳
发布于 2013-09-16 21:38:53
使用getElementsByTagName()。
把这个放在你的小提琴里试试，会有用的：
function repl() {
var x=document.getElementById("post-content").innerHTML;
var y=x.replace(/Description/g,"<b>Description</b><br/>");
var divs = document.getElementsByTagName("div");
for (var i=0; i<divs.length; i++) {
divs[i].innerHTML=y;
}
}
repl();如果要使用getElementsByName()，请注意，必须为DIVs提供"name“属性，而不是"id”。
Stack Overflow用户
发布于 2013-09-16 21:40:58
如果可以更改html标记，请使用类而不是id。在html中，id应该是唯一的。
`< div class=“后内容”>“
说明电源:1w*3 3pcs颜色: RGB颜色劣化，红、黄、蓝、绿、白
< /div>
变量元素= document.getElementsByClassName("post-content");`
元素现在将是一个数组。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18837640
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号