<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>set跟getAttribute</title>
<style type="text/css">
#box{
color:red;
}
</style>
</head>
<body>
<h1>你想学习什么编程语言?</h1>
<p title="请选择您想学习的语言">本网页由JS写成,期待您对其进行学习</p>
<ul id="classList">
<li class="item">JavaScript</li>
<li class="item">HTML5</li>
<li class="item">SpringCloud</li>
</ul>
<script type="text/javascript">
//获取标签为p的内容
let oP = document.getElementsByTagName('p')[0];
//获取p中的title属性的内容
let title = oP.getAttribute('title');
console.log(title);//输出获取的属性内容
//setAttribute(name,value)设置属性,name对应的就是‘title’这些,value就是其属性值
//set其实就是给他添加属性
oP.setAttribute('id','box');
//注意:以下代码无效
oP.setAttribute('title','改变标题失败');
</script>
</body>
</html>
14.setAttribute和getAttribute的方法
最新推荐文章于 2023-11-17 10:58:36 发布