通过javascript的document来获取p标签，并修改p标签内容（点击按钮）

qq_45675305

已于 2023-03-15 09:48:18 修改

阅读量2.9k

点赞数 3

文章标签： javascript html 前端 Powered by 金山文档

于 2023-03-15 09:21:11 首次发布

本文链接：https://blog.csdn.net/qq_45675305/article/details/129544664

版权

<html>
<head>
<meta charset="utf-8">
<title>通过document获取元素，并修改值</title>
</head>
 <!-- 以下为主体，通过点击按钮响应事件发生， -->
<body>
<form>
<input type="button" value="btn" onClick="Modify()">
<input type="button" value="btn2" onClick="Modify_2()">
</form>
<p id="hello">123</p>
<p id="hello2">study</p>
</body>
//当不希望一载入HTML就运行javascript时，而是通过触发事件，这使通常将Javascript放在HTML的<head></head>里
<script type="text/javascript">
function Modify()
{
//根据id获取
    var a1 = document.getElementById("hello");
    alert(a1.innerHTML);
//获取标签属性改变文本值
    a1.innerHTML= "hello world"; 
}
function Modify_2()
{
    var a2 = document.getElementById("hello2");
    alert(a2.innerText);
    a2.innerText= "学习使我快乐！"; 
}
</script>
</html>