整合營銷服務商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          JavaScript-替換元素

          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");

          主站蜘蛛池模板: 国产精品揄拍一区二区久久| 国产在线精品一区二区| 久久精品一区二区三区日韩| 午夜无码视频一区二区三区| bt7086福利一区国产| 无码少妇一区二区性色AV | 亚洲av色香蕉一区二区三区蜜桃| 国产成人高清亚洲一区久久| 久久精品成人一区二区三区| 中文字幕在线不卡一区二区| 日韩一区二区三区射精| 91精品福利一区二区| 暖暖免费高清日本一区二区三区| 国产一区二区三区四| 国产午夜精品一区二区三区极品| 国产嫖妓一区二区三区无码| 国产成人高清亚洲一区久久| 亚洲变态另类一区二区三区| 一区二区传媒有限公司| 久久久久久人妻一区二区三区| 99无码人妻一区二区三区免费| 无码人妻一区二区三区兔费| 国产一区二区在线| 日本一区二区三区在线视频| 国产乱码精品一区二区三| 久久影院亚洲一区| 消息称老熟妇乱视频一区二区| 99精品一区二区免费视频| 亚洲va乱码一区二区三区| 在线欧美精品一区二区三区| 国产一区二区不卡老阿姨| 立川理惠在线播放一区| A国产一区二区免费入口| 亚洲av日韩综合一区在线观看| 精品国产一区AV天美传媒| 精品国产一区二区三区久久影院 | 精品人妻少妇一区二区三区不卡 | 免费无码一区二区三区蜜桃| 国产亚洲情侣一区二区无| 久久久综合亚洲色一区二区三区| 人妻少妇精品视频一区二区三区|