玖叶教程网

前端编程开发入门

JavaScript——替换 删除元素,对类和属性进行操作

<div class="aa">aa</div>

<div class="bb">bb</div>

<div class="aa">aa</div>

<div class="fuClass"><h4 id="Title">jiajia</h4></div>

<ul>

<li><a href="/" class="delete second">11</a></li>

<li>22</li>

<li>33</li>

</ul>

const lis=document.querySelectorAll("li");

const list=document.querySelector("ul");

//第一种删除方法

//lis[0].remove();

//第二种删除方法

//list.removeChild(lis[1]);

//class && attr

const firstLi=document.querySelector("li:first-child");

const link=firstLi.children[0];

//a 类

let val;

val=link.className;

val=link.classList;

// val=link.classList[0];

link.classList.add('test');

link.classList.remove('test');

//a 属性

val=link.getAttribute('href');

val=link.setAttribute('href','http://www.baidu.com');

link.setAttribute('title','百度');

link.removeAttribute('title');

val=link.hasAttribute('title');

console.log(val)

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言