如何通过单击html按钮获得h1的文本值

How do you get the text value of an h1 by clicking an html button?

本文关键字:h1 文本 何通过 单击 html 按钮      更新时间:2023-09-26

如何通过单击按钮将javascript变量设置为特定h1中的文本值?

我们给h1一个id,然后在javascript中调用它(在我的示例中,我给它一个名为textTest的id)。

HTML:

<h1 id="textTest">Hello there!</h1>
<button onclick="getElementText("textTest")">This will get the text of the <h1>!</button>

JS:

function getElementText(elementID){
   var elementText = document.getElementById(elementID).innerHTML;
   console.log(elementText); //Will print out "Hello there!"
}