調用一個函數到document.getElementById

Question

我只是想將我的P標簽替換為從“ 1”到“ 5”的數字列表。 但是我正在將編號部分用作函數。 替換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>
</head>

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

Answer 1

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

現在使用此方法分配給HTML。

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

Answer 2

我並沒有真正回答您的問題（已經有兩個人），但是另一種巧妙的方式可以做您想要的事情：

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

我在[1, 2, 3, 4, 5]數組上使用join方法。

Answer 3

您可以像這樣將函數添加到段落中。

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();

Answer 4

只需使用.call而不是.innerHTML ：

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

Answer 5

<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標簽下面的正文中。

Answer 6

您必須返回字符串，而不是直接寫文檔：

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

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

Answer 7

<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>

調用一個函數到document.getElementById

問題描述

7 個解決方案

解決方案1
4 2012-03-06 08:17:59

解決方案2
3 2012-03-06 08:29:46

解決方案3
1 2012-03-06 08:35:58

解決方案4
0 2017-11-03 09:52:38

解決方案5
0 2017-11-03 10:35:26

解決方案6
0 2012-03-06 08:19:18

解決方案7
0 2012-03-06 08:30:14

調用一個函數到document.getElementById

問題描述

7 個解決方案

解決方案1 4 2012-03-06 08:17:59

解決方案2 3 2012-03-06 08:29:46

解決方案3 1 2012-03-06 08:35:58

解決方案4 0 2017-11-03 09:52:38

解決方案5 0 2017-11-03 10:35:26

解決方案6 0 2012-03-06 08:19:18

解決方案7 0 2012-03-06 08:30:14

解決方案1
4 2012-03-06 08:17:59

解決方案2
3 2012-03-06 08:29:46

解決方案3
1 2012-03-06 08:35:58

解決方案4
0 2017-11-03 09:52:38

解決方案5
0 2017-11-03 10:35:26

解決方案6
0 2012-03-06 08:19:18

解決方案7
0 2012-03-06 08:30:14