<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<script>function myfun()
{
alert(document.getElementById("demo").innerHTML)
document.getElementById("demo").innerHTML="新内容"
alert(document.getElementById("demo").innerHTML)
}</script>
<body>
<p id="demo">原始内容</p>
<button type="button" onclick="myfun()">点击这里</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<script>function myfun()
{
alert(document.getElementById("demo").innerHTML)
document.getElementById("demo").innerHTML="新内容"
alert(document.getElementById("demo").innerHTML)
}</script>
<body>
<p id="demo">原始内容</p>
<button type="button" onclick="myfun()">点击这里</button>
</body>
</html>
本文通过一个简单的HTML页面展示了如何使用JavaScript来操作DOM元素,包括获取元素内容并对其进行修改。通过两个弹窗提示的方式,直观地展示了元素内容的变化过程。

1727

被折叠的 条评论
为什么被折叠?



