0

変数を同じ段落内の別の行に出力したい。私はこれを使用していました：

<p id="demo1"></p><p id="demo2"></p><p id="demo3"></p>
<button type="button" onclick="myFunction()">Try It!</button>
<script>
function myFunction()
{
var lastname="Doe";
var age=30;
var job="carpenter";
document.getElementById("demo1").innerHTML=lastname;
document.getElementById("demo2").innerHTML=age;
document.getElementById("demo3").innerHTML=job;
}
</script>

ただし、各値を新しい段落に出力します。代わりにクラス名に変更しようとしましたが、何か間違っています。お願い助けて。TY.

<p class="demo1, demo2, demo3"></p>
<button type="button" onclick="myFunction()">Try It!</button>
<script>
function myFunction()
{
var lastname="Doe";
var age=30;
var job="carpenter";
document.getElementByClassName("demo1").innerHTML=lastname;
document.getElementByClassName("demo2").innerHTML=age;
document.getElementByClassName("demo3").innerHTML=job;
}
</script>

また、使用できますか

document.getElementById("demo1").innerHTML=lastname;

そして最後に複数のIDと値？このようなもの？

document.getElementById("demo1,demo2,demo3").innerHTML=lastname,age,job;

上記が有効でないことはわかっていますが、それを行う正しい方法は何ですか?

タイ・ジャレッド・ムーア

4

2 に答える 2

0

3 つの部分が 3 つの異なる段落にある理由は、3 つのp要素があるからです。すべての値を同じ段落に入れたい場合は、 などのインライン要素を使用する必要がありますspan。これは次のようになります。

<p><span id="demo1"></span><span id="demo2"></span><span id="demo3"></span></p>

ところで、innerHTML を使用するということは、誰かにあなたのサイトをハッキングするように依頼することです。実際のコードが次のようになっている場合:

element.innerHTML = userSuppliedData

次に、これを渡すことで、誰でもページで必要な JavaScript を実行できます。

<script type="text/javascript">
  alert('All your site are belong to us.');
</script>

これは、クロスサイト スクリプティング (XSS) として知られています。代わりに、次のようにします。

element.appendChild(document.createTextNode(userSuppliedData))
于 2013-04-13T09:15:10.043 に答える
0 
<p id="demo1"></p>
<button type="button" onclick="myFunction()">Try It!</button>
<script>
function myFunction()
{
var lastname="Doe";
var age=30;
var job="carpenter";
var concat = lastname + '<br />' + age + '<br />' + job
document.getElementById("demo1").innerHTML=concat;

}
</script>
于 2013-04-13T08:45:41.377 に答える