0

次のページに移動せずに、文字列からHTMLタグにテキストを表示して表示したい。

<body>
<div>
    <label id="lbl1">Label </label>
    <button id="btn1" onclick="display()">Click </button>
    <script>
    function display() {
        var str="Hello World";
        document.write(str);
    }
</script>
</div>
</body>

label タグの内容を編集するにはどうすればよいですか?

4

4 に答える 4

5

共通…</p> 

document.getElementById('lbl1').innerHTML = str;
于 2013-08-30T13:22:40.770 に答える
0

document.getElementById("lbl1").innerHTML = display();関数内で return ステートメントを使用して追加します。

function display() 
{
   var str="Hello World";
   return str;
}

同様の方法でコンテンツを編集しますdocument.getElementById("lbl1").innerHTML = "New content...";。

display()目的の結果を得るために、関数を少し変更することもできます。

function display() 
{
   var str="Hello World";
   var label = document.getElementById("lbl1");
   label.innerHTML = str;
}

別の方法：

window.onload = function()
{
  var button = document.getElementById("btn1");
  button.onclick = function()
  {
    document.getElementById("lbl1").innerHTML = "Hello World";
  }
}

最後の方法が最も望ましい方法であり、JavaScript コードを別のファイル内に配置し、要素のsrc属性を介して添付するのが最適です。script

完全な例を示しましょう。

<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="script.js"></script>
  </head>
  <body>

    <label id="lbl1">Label </label>
    <button id="btn1">Click </button>

  </body>
</html>

次に、JavaScript ファイル内でさまざまなイベントを登録します。

//JavaScript

window.onload = function() //You have to ensure that everything has loaded
{
  var button = document.getElementById("btn1");
  button.onclick = function()
  {
    document.getElementById("lbl1").innerHTML = "Hello World";
  }
}

一般に、パフォーマンスとメンテナンスが容易になるため、別の JavaScript ファイルにイベントを登録するのが最善の方法と考えられています。詳細については、こちらをご覧ください。

于 2013-08-30T13:24:12.243 に答える
0 
<body>
<div>
    <label id="lbl1">Label </label>
    <button id="btn1" onclick="display()">Click </button>
    <script>
    function display() {
        var str="Hello World";
        var label = document.getElementById("lbl1");
        label.innerText = str;
    }
</script>
</div>
</body>

ボタンをクリックすると、関数 display() が実行され、ラベル タグのテキストが「Hello World」に変更されます。

于 2013-08-30T13:24:16.150 に答える
0 
function display() {
    var str="Hello World";
    var label = document.getElementById('lbl1');
    label.innerHTML = str;
 }
于 2013-08-30T13:22:33.800 に答える