onclick 点击更换文本内容

最新推荐文章于 2023-04-03 17:14:15 发布

hello一二三

最新推荐文章于 2023-04-03 17:14:15 发布

阅读量875

点赞数 1

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_40880022/article/details/122358663

版权

HTML 点击事件 innerText DOM操作 JavaScript

关键词由CSDN通过智能技术生成

javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
</head>
<body>

<h2 onclick="changeText(this)">点击更换文本内容方式一</h2>
<h2 id="changeText">点击更换文本内容方式二</h2>
<h2 onclick="this.innerText='更新文本成功'">点击更换文本内容方式三</h2>

<script>
	// 点击更换文本内容方式一
	function changeText(changeText) {
        changeText.innerText = '更换成功';
	}

    // 点击更换文本方式二
	var changeText1 = document.getElementById('changeText');
    changeText1.onclick = function () {
        changeText1.innerText = '更新完毕';
    }

</script>

</body>
</html>