lt;div class="fuClass"><h4 id="Title">jiajia</h4></div>
//創(chuàng)建新的元素
const newTitle=document.createElement('h1');
//添加id
newTitle.id="newTitle";
//內容
// newTitle.innerText="測試標題";
newTitle.appendChild(document.createTextNode('任務標題'));
//找到被替換的標簽
const oldTitle=document.getElementById('Title');
//獲取父級
const fuClass=document.querySelector('.fuClass');
//替換
fuClass.replaceChild(newTitle,oldTitle);
console.log(oldTitle);
lt;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)
Query修改CSS偽元素屬性的方法
CSS偽元素(pseudo elements)不是DOM元素, 因此你無法直接選擇到它們。
假設有如下HTML代碼:
<div class="techbrood" id="td_pseudo">techbrood introduction</div>
和CSS代碼:
.techbrood:before {
width: 0;
}
現(xiàn)在你想在某個元素的click事件中動態(tài)的把techbrood:before的width屬性設置為100%,
有兩個方法, 一個是添加新的樣式:
$('head').append("<style>.techbrood::before{ width:100% }</style>");
(注意該方法將影響所有的class為techbrood的元素)
另外一個方法是為該元素添加新類, 并通過設置新類的屬性來達到改變偽元素屬性的效果:
.techbrood.change:before{
width: 100%;
}
jQuery代碼:
$('#td_pseudo').addClass("change");
*請認真填寫需求信息,我們會在24小時內與您取得聯(lián)系。