在变量中更改innerHTML?

时间:2016-10-28 10:45:30

标签: javascript html

我的代码出了什么问题?

<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

2 个答案:

答案 0 :(得分:0)

使用单独的脚本应用该功能。不要包含在单击中。

(false, 0.0)仅足以获得内在元素

this不是必需的

this.innerHTML
function somefunction (html){
var dag =html.querySelector("h5").innerHTML;
  console.log(dag.replace(/[Bootstrap|tutorial|#]/g,""))
  }

答案 1 :(得分:-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>