將函數調用到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中

回答

相關問題