如何用Javascript更改html标签？

我想将字符串中的文本显示到HTML标记中，而不移动到下一页并显示它。如何用Javascript更改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>

如何修改标签标记的内容？

来源

2013-08-30 vishalkin

如果只是文本，可以覆盖的唱片公司与'VAR的目标=的document.getElementById（“LBL1”）的内容; while（target.firstChild）{target.removeChild（target.firstChild）; } target.appendChild（document.createTextNode（STR））;' – Ian

常见...

document.getElementById('lbl1').innerHTML = str;

来源

2013-08-30 13:22:40 insertusernamehere

谢谢...我是想这样..的document.getElementById（LBL1）的.text = STR在评论 – vishalkin

@Ian方法是最好的，如果只是想文本。请参阅[element.innerHTML的安全注意事项]（https://developer.mozilla.org/en-US/docs/Web/API/element.innerHTML） – Xotic750

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

来源

2013-08-30 13:22:33 ragatskynet

使用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代码，并通过script元素的src属性附加它。

让我们提供一个完整的例子：

<!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文件，因为事件的最好办法的性能和维护简单收益。你可以阅读更多有关它here。

来源

2013-08-30 13:24:12 Luka

<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-30 13:24:16

如何用Javascript更改html标签？

回答

相关问题