Fix JS in component example to append new child (#1362)

* Example apps for custom components v2

* Add Tailwind example

* Self-host Tailwind script

* Append new child element

Author: sfc-gh-dmatthews

python/api-examples-source/components.custom_anchors.py

@@ -1,10 +1,19 @@
 import streamlit as st
 
+CSS = """
+a {
+    color: var(--st-link-color) !important;
+}
+"""
+
 JS = """
 export default function(component) {
     const { data, setTriggerValue, parentElement } = component;
-    parentElement.innerHTML = data;
-    const links = parentElement.querySelectorAll('a');
+    const newElement = document.createElement('div');
+    parentElement.appendChild(newElement);
+    newElement.innerHTML = data;
+
+    const links = newElement.querySelectorAll('a');
 
     links.forEach((link) => {
         link.onclick = (e) => {
@@ -14,12 +23,6 @@
 }
 """
 
-CSS = """
-a {
-    color: var(--st-link-color);
-}
-"""
-
 my_component = st.components.v2.component(
     "inline_links",
     css=CSS,