How do I access the text within a web component?

Question

Given the following example element.

<my-element>
   Hello world
</my-element>

What javascript variable would give me "Hello world"?

I've tried a bunch of things. I tried this.innerText, and this.$.content won't show unless the <content> tags are in the <template>.

score 1 · Accepted Answer · edited May 23 '17 at 10:24

1

This works, I'm not sure if it's cross-browser:

this.textContent

Here's how I got there

edited May 23 '17 at 10:24

Community

answered Aug 07 '14 at 22:59

ThomasReggi

1 Answers1