整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
lt;div class="fuClass"><h4 id="Title">jiajia</h4></div>
//創(chuàng)建新的元素
const newTitle=document.createElement('h1');
//添加id
newTitle.id="newTitle";
//內(nèi)容
// newTitle.innerText="測(cè)試標(biāo)題";
newTitle.appendChild(document.createTextNode('任務(wù)標(biāo)題'));
//找到被替換的標(biāo)簽
const oldTitle=document.getElementById('Title');
//獲取父級(jí)
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元素, 因此你無(wú)法直接選擇到它們。
假設(shè)有如下HTML代碼：
<div class="techbrood" id="td_pseudo">techbrood introduction</div>和CSS代碼：
.techbrood:before {
width: 0;
}現(xiàn)在你想在某個(gè)元素的click事件中動(dòng)態(tài)的把techbrood:before的width屬性設(shè)置為100%,
有兩個(gè)方法, 一個(gè)是添加新的樣式：
$('head').append("<style>.techbrood::before{ width:100% }</style>");(注意該方法將影響所有的class為techbrood的元素)
另外一個(gè)方法是為該元素添加新類, 并通過(guò)設(shè)置新類的屬性來(lái)達(dá)到改變偽元素屬性的效果：
.techbrood.change:before{
width: 100%;
}jQuery代碼：
$('#td_pseudo').addClass("change");*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
