2016-10-28 108 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>