変数内のinnerHTMLを変更しますか？

Question

私のコードで何が問題になっていますか？

<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を取得したいとします。

Answer 1

別のscript.dで関数を適用します。クリックしたときにインクルードしないでください。

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>

Answer 2

<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>