Comment obtenir le contenu d'un élément dans vue

Les méthodes pour obtenir le contenu des éléments dans Vue sont : textContent : obtenez tout le contenu du texte, y compris les sauts de ligne et les nœuds de texte. innerText : obtenez le contenu du texte visuel, à l’exclusion des sauts de ligne et des nœuds de texte. innerHTML : récupère tout le contenu, y compris le code HTML et le texte.

Méthodes pour obtenir le contenu d'un élément dans Vue

Dans Vue, il existe plusieurs façons d'obtenir le contenu d'un élément :

.textContent

.textContent obtient tout le contenu dans l'élément Contient du contenu textuel, y compris des sauts de ligne et des nœuds de texte. L'attribut .textContent 属性获取元素中所有包含的文本内容，包括换行符和文本节点。

<code><template>
  <div id="my-element">
    Hello, world!
    <br>
    This is some text.
  </div>
</template>

<script>
  export default {
    mounted() {
      const element = this.$refs.myElement;
      console.log(element.textContent); // 输出：Hello, world!
                                          // This is some text.
    }
  }
</script></code>

.innerText

.innerText 属性获取元素中可视的文本内容，不包含换行符和文本节点。

<code><template>
  <div id="my-element">
    Hello, world!
    <br>
    This is some text.
  </div>
</template>

<script>
  export default {
    mounted() {
      const element = this.$refs.myElement;
      console.log(element.innerText); // 输出：Hello, world! This is some text.
    }
  }
</script></code>

.innerHTML

.innerHTML

<code><template>
  <div id="my-element">
    Hello, world!
    <br>
    This is some text.
  </div>
</template>

<script>
  export default {
    mounted() {
      const element = this.$refs.myElement;
      console.log(element.innerHTML); // 输出：<div id="my-element">
                                          // Hello, world!<br>
                                          // This is some text.
                                          // </div>
    }
  }
</script></code>

.innerText🎜🎜.innerText obtient le contenu du texte visible dans l'élément, à l'exclusion des sauts de ligne et des nœuds de texte. 🎜rrreee🎜.innerHTML🎜🎜L'attribut .innerHTML récupère tout le contenu de l'élément, y compris le code HTML et le texte. 🎜rrreee

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!