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>
发布于 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.$( resort)
with resort
(和"|"
上的拆分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>
https://stackoverflow.com/questions/50976110
复制相似问题