一些简单的dom操作：单击按钮修改段落内容

最新推荐文章于 2021-12-15 09:18:46 发布

Letas

最新推荐文章于 2021-12-15 09:18:46 发布

阅读量761

点赞数

分类专栏： JS笔记

本文链接：https://blog.csdn.net/qq_37457227/article/details/90769650

版权

JS笔记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

通过按钮改变标签属性
首先要获得该标签，

function getId(id){
	return document.getElementById("id");
}

调用这个函数，来获得HTML中的标签并存入变量中

var getObj=getId("btn1");

为btn1添加单击事件

getObj.onclick=function(){
	 var div1Obj = document.getElementsByTagName("p");
	 //遍历p标签并且更改其内容
   	 for (var i = 0; i < div1Obj.length; i++) {
     div1Obj[i] .innerText = "成为秧歌Star";
    }
}

HTML部分：

<input type="button" id="btn1" value="点击修改">

<div id="div1">
    <p id="p1">他JOJO有个梦想</p>

    <p id="p2">他JOJO有个梦想</p>

    <p id="p3">他JOJO有个梦想</p>

    <p id="p4">他JOJO有个梦想</p>

    <p id="p5">他JOJO有个梦想</p>
</div>