js中innerText和innerHTML與target和currentTarget的區(qū)別

這篇文章主要介紹“js中innerText和innerHTML與target和currentTarget的區(qū)別”，在日常操作中，相信很多人在js中innerText和innerHTML與target和currentTarget的區(qū)別問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”js中innerText和innerHTML與target和currentTarget的區(qū)別”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

成都創(chuàng)新互聯(lián)一直通過網(wǎng)站建設(shè)和網(wǎng)站營銷幫助企業(yè)獲得更多客戶資源。以"深度挖掘，量身打造，注重實效"的一站式服務(wù)，以成都網(wǎng)站建設(shè)、網(wǎng)站制作、移動互聯(lián)產(chǎn)品、營銷型網(wǎng)站建設(shè)服務(wù)為核心業(yè)務(wù)。十年網(wǎng)站制作的經(jīng)驗，使用新網(wǎng)站建設(shè)技術(shù)，全新開發(fā)出的標(biāo)準(zhǔn)網(wǎng)站，不但價格便宜而且實用、靈活，特別適合中小公司網(wǎng)站制作。網(wǎng)站管理系統(tǒng)簡單易用，維護方便，您可以完全操作網(wǎng)站資料，是中小公司快速網(wǎng)站建設(shè)的選擇。

一、獲取/賦值文本值innerText/textContent、innerHTML

<body>
  <div id="box_text">
    <p >muzidigbig</p>
    <p >lovely</p>
  </div>
  <input type="text" id='getValue' placeholder="輸入值">
  <br>
  <button id="changeText">更改innerText</button>
  <button id="changeHTML">更改innerHTML樣式</button>
</body>
<script>
  window.onload = function () {
    var textObj = document.getElementById('box_text');
    var changeText = document.getElementById('changeText');
    var changeHTML = document.getElementById('changeHTML');
    var getValue = document.getElementById('getValue');
    /*
    innerText獲取的是純文本值不含html標(biāo)簽
    //獲得元素的里的純文字內(nèi)容(ie瀏覽器都可以用)
    var innerText = textObj.innerText;
    // 獲得非ie里的文字內(nèi)容
    var innerText = textObj.textContent;
    */
    // 短路寫法(在兼容IE和非IE瀏覽器的寫法)
    var innerText = textObj.innerText || textObj.textContent;
    //innerHTML獲取的是含有html標(biāo)簽的文本值
    var innerHTML = textObj.innerHTML;
    console.log(innerText);
    console.log(innerHTML);
    changeText.onclick = function(){
      textObj.innerText = '木子大大';
    }
    changeHTML.onclick = function(){
      textObj.innerHTML = '<h2>可愛的</h2>';
    }
    getValue.onchange = function(){
      //value屬性獲得表單值
      console.log(getValue.value)
    }
  }
</script>

二、event對象中 target和currentTarget 屬性的區(qū)別。

首先本質(zhì)區(qū)別是：

event.target返回觸發(fā)事件的元素對象
event.currentTarget返回綁定事件的元素對象

js中的preventDefault（）方法將通知 Web 瀏覽器不要執(zhí)行與事件關(guān)聯(lián)的默認(rèn)動作(如果存在這樣的動作)，比如阻止表單提交，阻止鏈接跳轉(zhuǎn)。

<body>
  <ul id="ul">ul
    <li>li<a href="">a</a></li>
    <li>li<a href="">b</a></li>
    <li>li<a href="">c</a></li>
  </ul>
</body>
<script>
  var ul = document.getElementById("ul");
  ul.onclick = function(event){
    var tar = event.target;
    console.log(tar);
    var tagName = tar.innerText;
    console.log("你點擊了:"+tagName);
    var currentTarget = event.currentTarget;
    console.log(currentTarget);
    var currentName = currentTarget.innerText;
    console.log("你點擊了:"+currentName);
    // js中的preventDefault()
// 該方法將通知 Web 瀏覽器不要執(zhí)行與事件關(guān)聯(lián)的默認(rèn)動作(如果存在這樣的動作)，比如阻止表單提交，阻止鏈接跳轉(zhuǎn)。
    event.preventDefault();
  }
</script>

js中innerText和innerHTML與target和currentTarget的區(qū)別

到此，關(guān)于“js中innerText和innerHTML與target和currentTarget的區(qū)別”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>

標(biāo)題名稱：js中innerText和innerHTML與target和currentTarget的區(qū)別
瀏覽路徑：http://www.rwnh.cn/article22/pgcecc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營銷型網(wǎng)站建設(shè)、商城網(wǎng)站、外貿(mào)建站、品牌網(wǎng)站設(shè)計、電子商務(wù)、

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

内射老阿姨1区2区3区4区_久久精品人人做人人爽电影蜜月_久久国产精品亚洲77777_99精品又大又爽又粗少妇毛片

js中innerText和innerHTML與target和currentTarget的區(qū)別