javascript - Bagaimana untuk mendapatkan nod dalam tag html?
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-05-19 10:34:54
0
4
690

Jika anda menggunakan acara klik, anda boleh menggunakan acara untuk mengetahui nod semasa.
Namun, jika acara tidak terikat, bagaimana untuk mendapatkan nod p semasa dalamp标签

这是一个段落


Keperluan saya ialah apabila menatal ke nod yang berbeza melalui bar skrol, v-show=true

这是一个段落1

这是一个段落2

这是一个段落3

export default { computed: { body: this.$refs.pBox.offsetParent } }
曾经蜡笔没有小新
曾经蜡笔没有小新

membalas semua (4)
Peter_Zhu

Anda boleh menggunakan arahan tersuai untuk melaksanakan, Demo:
https://jsfiddle.net/fedesign...

    给我你的怀抱

    scrollTopdanoffsetTopkedua-duanya pembolehubah.
    Mengapa anda tidak mengikat acarascrolldenganscrollTopbodydan semuapyang diperlukan Adakah semuaoffsetTopdisimpan kedata?
    KemudianscrollTopoffsetTop都是变量。
    你要不绑定scroll事件的时候把bodyscrollTop和所有需要的poffsetTop都获取下存到data里?
    然后

    这是一个段落1

    这是一个段落2

    这是一个段落3

    不过我对效果有点疑问,就是好几个p未显示的时候他们的offsetTop是不是同一个值。
    然后我想知道你的prrreee

    Tetapi saya mempunyai sedikit keraguan tentang kesannya, iaitu, apabila beberapa ps tidak dipaparkan, offsetTopnya mempunyai nilai yang sama.
    Kemudian saya ingin tahu apa yang dirujuk nod panda? Nod teks? ##
      我想大声告诉你
      document.querySelector('p').childen document.getElementByTagName('p')[0].childen
        给我你的怀抱

        Terima kasih atas jawapan anda Penyelesaian terakhir ialah:

        .
        // animated bounceIn 为animated.css里的 

        最近更新

        文章

        .title, .posts { display: none; }
        directives: { scrollShow: { bind: (el) => { window.addEventListener('scroll', () => { if (document.body.scrollTop + 400 > el.offsetTop) { for (let i = 0; i < el.children.length; i++) { setTimeout(() => { el.children[i].style.display = 'block' }, 1000 * i) } } }) } } }
          Muat turun terkini
          Lagi>
          kesan web
          Kod sumber laman web
          Bahan laman web
          Templat hujung hadapan
          Tentang kita Penafian Sitemap
          Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!