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>

如何编辑标签标签的内容？

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