如何用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標籤？

回答

相關問題