将函数调用到document.getElementById中

我只是试图用从“1”到“5”计数的数字列表替换我的P标签。但是我将编号部分作为一个函数。如何在更换我的P标签时调用该功能？这是我迄今写的代码。将函数调用到document.getElementById中

<script type="text/javascript"> 
function countNum() { 
    var i=1; 
    for (i=1;i<=5;i++) { 
    document.write(i+"<br />"); 
    } 
} 
document.getElementById("paragraph").innerHTML=countNum(); 
</script> 
</head> 

<body> 
<p id="paragraph"> 
Hello world. 
</p> 
</body>

来源

2012-03-06 nokujin

function getHtml() { 
    var html = ''; 
    var i=1; 
    for (i=1;i<=5;i++) { 
    html += i+"<br />"; 
    } 
    return html; 
}

现在用这个方法来分配给HTML。

document.getElementById("paragraph").innerHTML=getHtml();

来源

2012-03-06 08:17:59 dhinesh

你必须返回你的字符串，而不是写直接记录：

function countNum() { 
    var i=1; 
    var string = ""; 
    for (i=1;i<=5;i++) { 
     string += i+"<br />"; 
    } 
    return string; 
} 

document.getElementById("paragraph").innerHTML=countNum();

来源

2012-03-06 08:19:18 silly

我真的不回答你的问题（两个人已经有了），但另一种巧妙的方法做什么你想可能是：

document.getElementById('paragraph').innerHTML = [1, 2, 3, 4, 5].join('<br>')

我使用[1, 2, 3, 4, 5]阵列上的join方法。

来源

2012-03-06 08:29:46

<p id="paragraph"> 
Hello world. 
</p> 



    <script type="text/javascript"> 
function countNum() { 
    var i=1; 
    var result = ""; 

    for (i=1;i<=5;i++) { 
    result = result + i+ "<br />"; 
    } 

    return result; 
} 
document.getElementById("paragraph").innerHTML=countNum(); 
</script>

来源

2012-03-06 08:30:14 user160820

你可以让你的功能附加到这样的段落。

function countNum() { 
    var elem = document.getElementById("paragraph"); 
    var i = 1; 
    var innerElem; 
    for (i=1; i<=5; i++) { 
     innerElem = document.createElement("span"); 
     innerElem.appendChild(document.createTextNode(i.toString())); 
     innerElem.appendChild(document.createElement("br")); 
     elem.appendChild(innerElem); 
    } 
} 
countNum();

来源

2012-03-06 08:35:58

只需使用.call代替.innerHTML：

document.getElementById("paragraph").call=countNum();

来源

2017-11-03 09:52:38

<html> 
<body> 
<p id="paragraph"> 
    Hello world. 
</p> 
<script type="text/javascript"> 
function countNum() { 
    var i=1; 
    for (i=1;i<=5;i++) { 
     document.write(i+"<br />"); 
    } 
} 
document.getElementById("paragraph").innerHTML=countNum(); 
</script> 
</body> 
</html>

尝试把你的脚本中体的下方p标签。

来源

2017-11-03 10:35:26 Shivani

将函数调用到document.getElementById中

回答

相关问题