如何在riot.js中访问子元素

托马斯·里德

如果我有一个这样的自定义riot标签p

<custom>
  <p>This is a text</p>
</custom>

如何<p><custom>标签中访问元素

更新我收到了很多答案,可以从DOM中选择它。我想要的是一种p从组件库riot.js本身中选择内部标签的方法我正在寻找一个更特定于riotjs的答案。例如用聚合物使用this.$.content.getDistributedNodes()

公共乔恩

Riot仅提供4个属性来访问您当前所在标签中的数据:

  • this.opts
  • 这个父母
  • 这个.root
  • 这个标签

请参阅API文档

编辑

除此之外,您还可以直接访问named elements

<my-tag>
  <p name="foo">Hi, I'm foo</p>
  <script>
    console.log(this.foo);
  </script>
</my-tag>

看文档

/编辑

没有直接引用您在自定义标记中定义的任何元素。其余的归结为纯旧的JS(您可能会喜欢或不喜欢)。

像其他陈述一样,您可以使用dom方法访问元素。但是,在某些情况下,您需要等到实际加载DOM之后。例如:

<my-tag>
  <p>yada</p>
  <script>
    console.log(this.root.querySelector('p'))
  </script>
</my-tag>

将无法使用,因为DOM尚未准备就绪。而是将选择器包装在“ mount”事件侦听器中,如下所示:

<my-tag>
  <p>yada</p>
  <script>
    this.on('mount', function() {
      console.log(this.root.querySelector('p'))
    })
  </script>
</my-tag>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在three.js中访问场景元素

来自分类Dev

如何在MVC 5中包含第三方API-Riot Games

来自分类Dev

如何在iFrame中访问DOM元素

来自分类Dev

如何在JSP中访问JSONArray元素

来自分类Dev

如何在React,Riot 2.0中使用jQuery插件

来自分类Dev

如何在C#中访问HubView XAML的子元素?

来自分类Dev

如何访问框架的子元素?

来自分类Dev

如何通过标记名访问元素的子元素的子元素

来自分类Dev

如何在riot标签中包含外部CSS和javascript?

来自分类Dev

如何在Vue.js中访问动态元素?

来自分类Dev

如何在Selenium中访问Web元素中的元素?

来自分类Dev

如何在GridSearchCV中访问ColumnTransformer元素

来自分类Dev

如何使用JS正确获取Riot API?

来自分类Dev

如何在SVG.js中访问/迭代组的子元素

来自分类Dev

如何在SwiftUI中访问子视图?

来自分类Dev

如何在three.js中访问场景元素

来自分类Dev

如何更改JS中的子元素顺序?

来自分类Dev

如何在WPF中动态访问子元素

来自分类Dev

如何在RStudio中访问此元素

来自分类Dev

如何在Vue js中访问子属性

来自分类Dev

如何访问XOM中不是XML标记的节点的子元素?

来自分类Dev

如何通过标记名访问元素的子元素的子元素

来自分类Dev

如何从php访问$ scope变量angular js中的数组元素?

来自分类Dev

如何访问 <nav> 的子元素

来自分类Dev

如何在 riot 组件中设置多个类变量

来自分类Dev

如何在 Riot.js 组件的 html 部分设置一组项目?

来自分类Dev

如何在不知道firebase实时数据库中的父元素的情况下访问子元素?

来自分类Dev

如何在 angularjs 中获取子元素

来自分类Dev

如何在 Riot.js 中引用输入字段值?

Related 相关文章

热门标签

归档