使用Javascript将未出现在主列表中的名称写入带有id的div
使用Javascript将未出现在主列表中的名称写入带有id的div
提问于 2018-06-22 03:19:49
http://verlager.com/pairing.php上的工作演示使用document.write()，但我更喜欢写入div的ID。我尝试了几种方法，但我不能让for循环写入id为"textDiv“的div。
<script>
function newly_minted() {
var res = "Attaya, James J|Blazak, Stephen A|Cavanaugh, Michael P|Decker, Howard|";
document.getElementById("textDiv").textContent = res;
}
newly_minted();
</script>
<div id="textDiv" style="background:green; color:fff; display:table; height:10rem; width:40rem; margin:4rem auto; clear:both;"></div> 回答 1
Stack Overflow用户
回答已采纳
发布于 2018-06-22 08:13:15
对于原始帖子：
此代码替换了textDiv内容，因为使用了简单的赋值：
var div = document.getElementById("textDiv");
div.textContent = resort;
var text = div.textContent; //should append not replace!请尝试“+=”运算符：
var div = document.getElementById("textDiv");
div.textContent += resort;
var text = div.textContent; //should append not replace!
对于更新后的帖子：
- 在从不同的脚本元素调用
newly_minted之前声明它。提升函数声明仅适用于其中函数为declared. - Replace
$( resort)withresort(和"|"上的拆分resort，与原始一样)的脚本元素。此demonstration:
中的尾随"|"不会更改
function newly_minted() {
var res = "Attaya, James J|Blazak, Stephen A|Cavanaugh, Michael P|Decker, Howard|".split('|');
for (let i = 0; i < res.length; i++) {
var resort = res[i] + " ● ";
$( "#textDiv" ).append(resort);
}}
newly_minted();<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div id="textDiv"></div>
或者，在不使用jQuery的情况下，先准备文本内容并删除尾随的点：
function newly_minted() {
var res = "Attaya, James J|Blazak, Stephen A|Cavanaugh, Michael P|Decker, Howard|".split('|');
for (var i = 0, text =""; i < res.length; i++) {
text += res[i] + " \u25cf ";
}
text = text.replace(" \u25cf \u25cf ", ""); // remove two trailing dots
document.getElementById("textDiv").textContent = text;
}
newly_minted();<div id="textDiv"></div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50976110
复制相关文章
相似问题