Foro de elhacker.net

Hola, como dice el titulo, estoy necesitando inscrustar botones, en youtube. justo arriba del titulo.

pero por alguna razon el titulo desaparece , y aparece mi boton, osea esa region , desaparece .

estoy haciendo esto :

var html = `
 
<button name="favorito" type="button">
<svg aria-hidden="true" viewBox="0 0 10 10">
<path d="m7.4 8.8-2.4-1.3-2.4 1.3.46-2.7-2-1.9 2.7-.39 1.2-2.5 1.2 2.5 2.7.39-1.9 1.9z"/>
 
</svg>
 
Agregar a favoritos
 
</button>
 
`;
 
var OldCode = document.getElementById("info").innerHTML +'\n';
 
document.getElementById("info").innerHTML=OldCode + html ;

Y este es el resultado :

(https://media.discordapp.net/attachments/779394126554726430/842095569597497404/testd.png?width=737&height=553)

---

Bleh, el markup de Youtube es horrible, por ejemplo hay varios #info.

Lo que vi es que al momento de parsear:

<yt-formatted-string force-default-style=\"\" class=\"style-scope ytd-video-primary-info-renderer\">Titulo</yt-formatted-string>

Simplemente ignora el contenido de la etiqueta por alguna razón.

<yt-formatted-string class=\"super-title style-scope ytd-video-primary-info-renderer\" force-default-style=\"\">
            <!--css-build:shady-->
         </yt-formatted-string>

Creo que tiene algo que ver con el componente, pero no estoy seguro exactamente. Lo que yo recomendaría es que lo agregaras al DOM directamente y no lo estés recreando.

let html = `
 
<button name="favorito" type="button">
<svg aria-hidden="true" viewBox="0 0 10 10">
<path d="m7.4 8.8-2.4-1.3-2.4 1.3.46-2.7-2-1.9 2.7-.39 1.2-2.5 1.2 2.5 2.7.39-1.9 1.9z"/>
 
</svg>
 
Agregar a favoritos
 
</button>
 
`;
let tmp = document.createElement('div');
tmp.innerHTML = html;
document.getElementById('info').append(tmp);