在JavaScript中,可以使用innerHTML
属性来获取或设置HTML元素的内容。innerHTML
是一个只读属性,用于获取元素的内部HTML内容,如果你想修改一个元素的内部HTML内容,可以使用innerHTML
属性。
以下是一个简单的示例:
<!DOCTYPE html> <html> <head> <title>使用innerHTML示例</title> </head> <body> <h1>标题</h1> <p id="demo">这是一个段落。</p> <button onclick="myFunction()">点击我</button> <script> function myFunction() { document.getElementById("demo").innerHTML = "段落已更改!"; } </script> </body> </html>
在这个示例中,我们有一个<p>
元素,其id
属性为demo
,我们还创建了一个按钮,当单击该按钮时,将调用名为myFunction
的JavaScript函数,在myFunction
函数中,我们使用document.getElementById("demo").innerHTML
获取<p>
元素的内容,并将其更改为“段落已更改!”。