2016-10-28 104 views
-2

我的代碼有什麼問題?更改變量中的innerHTML?

<div class="videolink"> 
    <a onclick="var vidi = this.innerHTML;var dag = vidi.querySelector("h5").innerHTML.replace(/Bootstrap| tutorial|#/g,""); alert(dag);" class="something"> 
    <img class="ytimg" src="https://i.ytimg.com/vi/mKt-MDwtVB4/hqdefault.jpg"> 
    <div class="videotext"> 
     <h5>Bootstrap tutorial #1</h5> 
     <p>Lorem ipsum.</p> 
     <p>Lorem ipsum dolor.</p> 
    </div> 
    </a> 
</div> 

我想獲得號碼1

+0

*什麼是錯我的代碼?*我不知道。控制檯,調試器或linter說什麼?另外,請修復您的問題的標題。我不知道「改變變量中的innerHTML」是什麼意思,也沒有其他人。 – 2016-10-28 10:56:20

回答

0

將該功能與單獨的腳本一起使用,不包括在點擊中。

this只足以讓內部元件

this.innerHTML不需要

function somefunction (html){ 
 
var dag =html.querySelector("h5").innerHTML; 
 
    console.log(dag.replace(/[Bootstrap|tutorial|#]/g,"")) 
 
    }
<a onclick="somefunction(this)" class="something">212 
 
\t \t \t \t \t \t <img class="ytimg" src="https://i.ytimg.com/vi/mKt-MDwtVB4/hqdefault.jpg"> 
 
\t \t \t \t \t \t <div class="videotext"> 
 
\t \t \t \t \t \t \t <h5>Bootstrap tutorial #1</h5> 
 
\t \t \t \t \t \t \t <p>Lorem ipsum.</p> 
 
\t \t \t \t \t \t \t <p>Lorem ipsum dolor.</p> 
 
\t \t \t \t \t \t </div></a>

-1
<script type="text/javascript"> 
     function handleClick(elem){ 
      var dag  = document.querySelector("h5.title").innerHTML.replace(/Bootstrap| tutorial|#/g,""); 
      alert(dag); 
      return false; 
     } 
    </script> 



    <div class="videolink"> 
     <a onclick="handleClick(this)" class="something"> 
     <img class="ytimg" src="https://i.ytimg.com/vi/mKt-MDwtVB4/hqdefault.jpg"> 
     <div class="videotext"> 
      <h5 class="title">Bootstrap tutorial #1</h5> 
      <p>Lorem ipsum.</p> 
      <p>Lorem ipsum dolor.</p> 
     </div></a> 
    </div>