私はPタグを "1"から "5"まで数えられる数字リストに置き換えようとしています。しかし、私は番号付けの部分を関数にしています。 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>
function getHtml() {
var html = '';
var i=1;
for (i=1;i<=5;i++) {
html += i+"<br />";
}
return html;
}
今HTMLに割り当てるには、このメソッドを使用します。
あなたが直接文書に書き込むために、あなたの文字列ではなく返す必要がdocument.getElementById("paragraph").innerHTML=getHtml();
：
function countNum() {
var i=1;
var string = "";
for (i=1;i<=5;i++) {
string += i+"<br />";
}
return string;
}
document.getElementById("paragraph").innerHTML=countNum();
私は本当に（2つの他の人がすでに持っている）あなたの質問に答えるが、何を行うには、別のきちんとした方法ではありませんよ私は[1, 2, 3, 4, 5]アレイ上joinメソッドを使用
document.getElementById('paragraph').innerHTML = [1, 2, 3, 4, 5].join('<br>')
：あなたは可能性が欲しいです。
<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>
あなたは、あなたの関数は、このような段落に追加することができます。
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();
だけではなく、.innerHTMLの.callを使用します。
document.getElementById("paragraph").call=countNum();
<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タグ下の本体の内部にスクリプトを置くようにしてください。